箭头函数,this

@ckinmind 2017-01-09 14:36:52发表于 ckinmind/ReactCollect

ES5写法:

//react 中的render函数
render(){

var a = [1,2,3];
a.forEach(function(){
     //在里面调用this.state, 需要在外面bind一下
}.bind(this));

return (
   <div>test</div>
);
}

ES6写法:

//react 中的render函数
render(){

var a = [1,2,3];
a.forEach(() => {
     //在里面调用this.state, 使用箭头函数,可以不用bind
});

return (
   <div>test</div>
);
}