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

Question

我正在使用公共类字段语法（ handler = () => {...} ）来定义我的所有React组件的事件处理程序，以便我可以将this用于我的组件而不在constructor绑定它们。 我想知道我可以使用这种语法来使用React生命周期方法吗？ 假设以这种方式使用componentWillMount ： componentWillMount = () => {...}

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

Answer 1

组件生命周期方法中不应该需要隐式绑定this （即：使用箭头函数）。 它们总是从组件的上下文中调用，因此对props，state，getState等的访问已经可用。

所以这种模式没有任何优势。 我能想到的一些缺点是：

1. 更详细的语法仍然只是一个ECMAScript提案 。
2. 困惑其他合作者。 如果你在组件方法上绑定this ，我立即期望下游的其他实体将调用它，即：单击从父节点传递给子节点的事件处理程序。

Answer 2

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

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

什么时候应该使用箭头功能