React.js绑定this的5种方法(小结)
this在javascript中已经相当灵活，把它放到React中给我们的选择就更加困惑了。下面一起来看看Reactthis的5种绑定方法。
1.使用React.createClass
如果你使用的是React15及以下的版本，你可能使用过React.createClass函数来创建一个组件。你在里面创建的所有函数的this将会自动绑定到组件上。
constApp=React.createClass({
handleClick(){
console.log('this>',this);//this指向App组件本身
},
render(){
return(
test 但是需要注意随着React16版本的发布官方已经将改方法从React中移除
2.render方法中使用bind
如果你使用React.Component创建一个组件，在其中给某个组件/元素一个onClick属性，它现在并会自定绑定其this到当前组件，解决这个问题的方法是在事件函数后使用.bing(this)将this绑定到当前组件中。
classAppextendsReact.Component{
handleClick(){
console.log('this>',this);
}
render(){
return(
test 这种方法很简单，可能是大多数初学开发者在遇到问题后采用的一种方式。然后由于组件每次执行render将会重新分配函数这将会影响性能。特别是在你做了一些性能优化之后，它会破坏PureComponent性能。不推荐使用
3.render方法中使用箭头函数
这种方法使用了ES6的上下文绑定来让this指向当前组件，但是它同第2种存在着相同的性能问题，不推荐使用
classAppextendsReact.Component{
handleClick(){
console.log('this>',this);
}
render(){
return(
this.handleClick(e)}>test