ReactJS学习小计

在React组件的事件处理上面需要注意this的问题,稍不留神就会产生奇怪的bug，在 JavaScript 中，class 的方法默认不会绑定this。例如下图 如果你忘记绑定 this.handleClick 并把它传入了 onClick，当你调用这个函数的时候 this 的值为 undefined

如果要避免这个问题可以使用箭头函数例如下图

使用箭头函数正常是没有什么问题，只不过由于是创建一个新的函数如果作为属性传给组件的话会导致一次不必要的刷新。