javascript - es6箭头函数和this
迷茫
迷茫 2017-07-05 10:37:12
0
2
666
 const Title=React.createClass({
         getDefaults: ()=> {
             return{
                 title:'hello world'
             }
         },
         render:()=>{

             return <h1>{this.props.title}</h1>
         }
     })
    ReactDOM.render(
            <Title/>,
            document.getElementById('app6')
    )
此种情况下报错:Cannot read property 'props' of undefined

**请问:

(1)此种情况下箭头函数和this是否可以一起使用?
(2)如果可以一起使用请问有何种解决方法?**
迷茫
迷茫

业精于勤,荒于嬉;行成于思,毁于随。

全部回复(2)
巴扎黑

可以改成

render() {
    console.log(this);
}
Ty80

万恶的ES2015!!!
给你翻一下。

function template(config) {
  var self = this;
  Object.keys(config).forEach(function (key) {
    self[key] = config[key];
  });
}
function factory() {

}

factory.create = function (config) {
  return new template(config);
}
var instance = factory.create({
  title: 'instance1',
  method: () => {
    console.log(this);
  }
});
instance.method();
function template(config) {
  var self = this;
  Object.keys(config).forEach(function (key) {
    self[key] = config[key];
  });
}
function factory() {

}

factory.create = function (config) {
  return new template(config);
}
var instance = factory.create({
  title: 'instance1',
  method() {
    console.log(this);
  }
});
instance.method();

基础多看看,其实理解并不难

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!