您的位置:首页技术文章
文章详情页

javascript - es6箭头函数和this

【字号: 日期:2023-04-12 13:37:07浏览:46作者:猪猪

问题描述

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)如果可以一起使用请问有何种解决方法?**

问题解答

回答1:

可以改成

render() { console.log(this);}回答2:

万恶的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();

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

标签: JavaScript
相关文章: