スタートアップ時に反応コンポーネントを一度だけレンダリングする方法は？

Question

私はパフォーマンスについてのドキュメントを読んできましたが、私の質問に対する答えは見つかりませんでした。

私のアプリケーションには、いくつかのプロパティに基づいて表示されるボタンがたくさんありますが、その特性を決して変えないだろう。次に、私はこのonKeyDownイベントハンドラを持っています。これはいくつかのキーをリスンし、別のコンポーネントを更新します。

私の問題は、キーを押してこのコンポーネントを更新すると、他のすべてのボタンもレンダリングされることです（React dev tools for Chromeで観察）。私はshouldComponentUpdate(nextProps, nextState)を私のボタンに実装していませんが、Reactはデフォルトでこの動作をしてはいけませんか？つまり、this.propsとnextPropsを比較しても、まったく同じ場合はrender()に電話しないでください。

私は、アプリケーションの起動時に一度だけレンダリングする必要があるすべてのコンポーネントについて、これを自分自身で行うはずですか？

EDIT：PureComponentで問題が解決しそうです...しかし、その代わりに新しい質問を作成するので、私は関連質問でこれを更新しています：ドキュメントはすべてを持ってお勧めしませんなぜ

コンポーネントはデフォルトでPureComponentに基づいていますか？Componentの代わりに、デフォルトでPureComponentを使用することについての議論は何ですか？

Answer 1

純粋なコンポーネントは、デフォルトで浅い小道具と状態の比較を実装するため、問題を解決するはずです。

Link to the docs.

あなたのリアクトコンポーネントのrender（）関数は同じ小道具や状態与えられた同じ結果をレンダリングする場合は、いくつかのケースでパフォーマンスの向上のためにReact.PureComponentを使用することができます。