javascript - 以箭头函数格式使用 React 生命周期方法的优缺点

Question

我使用公共(public)类字段语法 (handler = () => {...}) 来定义所有 React 组件的事件处理程序，以便我可以使用 this 我的组件，而不将它们绑定(bind)在构造函数中。我想知道我是否也可以使用这种语法来使用 React 生命周期方法？假设以这种方式使用 componentWillMount: componentWillMount = () => {...}

用箭头函数定义react的生命周期方法有什么优缺点？

Answer 1

每次函数执行 => 操作时，它都必须创建一个新的函数对象。这可以防止浏览器在渲染同一元素的多个副本时重复使用相同的函数，这使得 JavaScript 引擎的优化变得更加困难。这会导致性能问题(但在大多数程序中，它不会被注意到)。

React中的生命周期方法建议不要使用箭头函数

When should you use arrow functions