2017-09-24 55 views
2

在React.js你更好地定义你的方法在构造函数中 结合这样的:阵营绑定方法

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

它的性能比呈现方法结合好。

那么,关于箭头功能

poo =() => {} 

这是否会影响在呈现方式的成效呢?

回答

1

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

如果您通过道具传递给子组件,则会发生最糟糕的事情。它会在父组件的每次更新中收到一个新的道具,这会导致渲染效率低下,尤其是如果您的子组件是纯的。

更多的它,你可以通过米歇尔BERTOLIthis文章找到科里府和一个伟大的书 - React Design Patterns and Best Practices第9章,提高你的应用程序性能)。

+1

您可以将参考资料备份到您所说的内容中? –