我正在使用公共类字段语法(handler = () => {...})来定义我所有的React组件的事件处理程序,这样我就可以this在不将其绑定到的情况下用于我的组件constructor。我想知道我是否也可以使用这种语法来使用React生命周期方法?用componentWillMount这种方式说:componentWillMount = () => {...}
handler = () => {...}
this
constructor
componentWillMount
componentWillMount = () => {...}
如果使用箭头函数定义react的生命周期方法,有什么优缺点?
每次函数执行=>操作时,都必须创建一个新的函数对象。这样可以防止浏览器在渲染同一元素的多个副本时重用同一功能,从而使javascript引擎的优化工作更加困难。这将导致性能问题(但在大多数程序中,它不会引起注意)。
=>
建议在React的生命周期方法中不要使用箭头功能
什么时候应该使用箭头功能