陣營綁定方法

Question

在React.js你更好地定義你的方法在構造函數中 結合這樣的：

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

它的性能比呈現方法結合好。

那麼，關於箭頭功能

poo =() => {} 

這是否會影響在呈現方式的成效呢？

Answer 1

是的，它影響渲染方法的性能。每次渲染組件時都會觸發箭頭函數（在應用程序的生命週期中會多次發生）。

如果您通過道具傳遞給子組件，則會發生最糟糕的事情。它會在父組件的每次更新中收到一個新的道具，這會導致渲染效率低下，尤其是如果您的子組件是純的。

更多的它，你可以通過米歇爾BERTOLI在this文章找到科裏府和一個偉大的書 - React Design Patterns and Best Practices（第9章，提高你的應用程序性能）。