はReact.jsにバインドする方法

Question

反応し、あなたより良いあなたの方法は次のようにコンストラクタ に結合定義：

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

それはrenderメソッドで結合よりもパフォーマンスに優れています。

それでは、矢印の機能について

poo =() => {} 

それは同様にrenderメソッドでのパフォーマンスに影響しますか？

Answer 1

はいレンダリング方法のパフォーマンスに影響します。矢印関数は、コンポーネントがレンダリングされるたびに起動されます（アプリケーションの存続期間中に複数回発生します）。

子コンポーネントにpropsによる矢印関数を渡すと、最悪のことが起こります。親コンポーネントの更新ごとに新しい小道具を受け取ります。これは、特に子コンポーネントが純粋な場合には、非効率なレンダリングにつながります。 React Design Patterns and Best Practices（第9章、あなたのアプリケーションのパフォーマンスを向上させる） - あなたはコーリーハウスによってthis記事にしてミケーレBERTOLIによって素晴らしい本で見つけることができるそれの

より。