javascript - react 绑定(bind)方法

Question

在 React.js 中，你最好在构造函数中定义你的方法绑定(bind)像这样:

constructor(props){
  this.poo = this.poo.bind(this);
}

在性能方面比在渲染方法中绑定(bind)更好。

那么箭头函数呢

poo = () => {} 

它是否也会影响渲染方法的性能？

Answer 1

是的，它会影响渲染方法的性能。每次渲染组件时都会触发箭头函数(在应用程序的生命周期中多次发生)。

如果你通过 props 将箭头函数传递给子组件，就会发生最糟糕的事情。它在父组件的每次更新时都会收到一个新的 Prop ，这会导致渲染效率低下，尤其是当您的子组件是纯组件时。

您可以在 this 中找到更多信息Cory House 的文章和 Michele Bertoli 的一本好书 - React Design Patterns and Best Practices (第 9 章，提高应用程序的性能)。