当我阅读反应的文档时,我对以下的话感到困惑

时间:2017-07-02 02:23:41

标签: javascript reactjs frontend

react

我对这些话感到困惑:

  

如果将此回调作为prop传递给较低组件,则这些组件可能会执行额外的重新渲染

1 个答案:

答案 0 :(得分:0)

关键部分是它说它的一个问题是每次LoggingButton渲染时都会创建一个回调。  假设子组件创建如下:

MyButton onClick = {(e)=> this.handleClick.bind(this)}

在这种情况下,如果LoggingButton重新呈现,MyButton也将呈现,因为对匿名创建的this.handleClick的引用将被销毁。

或者,如果函数绑定在构造函数中,则如果Logging Button重新呈现则不会销毁引用,因此MyButton将不会再次呈现。

你真的不想做的事情,箭头功能就在循环中。