理想的に改善する方法React performance：componentWillReceiveProps vs shouldComponentUpdate

Question

Reactアプリケーションのパフォーマンスを向上させるにはどの方法が最適であるのだろうか。コンポーネントのライフサイクルメソッドcomponentWillReceivePropsとshouldComponentUpdateについて知りましたが、私が望ましくない再レンダリングを避けるために理想的に実装する必要があるコンポーネントがどれかわかりません。

両方を実装するか、そのうちの1つだけ実装するのが最善でしょうか？

また、shouldComponentUpdateがを受け取っている理由はわかりません。componentWillReceivePropsが既にそれらを処理している必要があります。

Answer 1

componentWillReceiveProps(props) { 
    console.log("componentWillReceiveProps"); 
    return false; // This will not terminate further control flow in this component. 
} 

shouldComponentUpdate(props, newState) { 
    console.log("shouldComponentUpdate"); 
    return false; // This terminates further control flow in this component. 
} 

条件に基づいて、shouldComponentUpdateメソッドからブール値を返すことができます。 falseを返す場合は、componentWillUpdate()メソッドは呼び出されません。

Answer 2

質問に記載されている動作が必要な場合は、コンポーネントの代わりにPureComponentを使用してください。 https://reactjs.org/docs/react-api.html#reactpurecomponent