【React】一段代码告诉你，为什么JSX绑定回调，需要调用bind
在编写React组件的时候，如果要在元素中插入如点击等事件，需要这么处理：
class Foo extends React.component {
handleClick() {
console.log('"this" is ', this)
}
render () {
return (
)
}
}
或者传入匿名函数
原因： 绑定this是为了保持组件的上下文关系，如果不这么做，回调函数中的this就不会指向当前class了
为什么会丢失上下文关系呢？
答：我们编写的JSX，最终编译成JS会变成如下代码：
function render() {
return React.createElement(
"button",
{ onClick: this.handleClick.bind(this) },
"Try to Click this!"
);
}
【【React】一段代码告诉你，为什么JSX绑定回调，需要调用bind】对this指向熟悉的，看到这里应该足够理解了，如果不明白，请参阅我的另一篇文章
推荐阅读
- 宽容谁
- 我要做大厨
- 增长黑客的海盗法则
- 画画吗（）
- 2019-02-13——今天谈梦想（）
- 远去的风筝
- 三十年后的广场舞大爷
- 叙述作文
- 20190302|20190302 复盘翻盘
- 学无止境，人生还很长