同じセレクタを使用している複数のコンポーネントが再選択

Question

私は再選択ライブラリを使用しています。 私は、各セレクタ（stateProps内）に特定のセレクタ（セレクタに接続され、セレクタAとして参照可能）に接続されている多くのコンポーネントを持っています。セレクタAのパラメータ（セレクタもB、C、Dと呼ぶことができます）のいずれかが変更されるたびに、セレクタAは再計算し、接続されたコンポーネントごとに個別に呼び出されます。この計算が集中するので、これは私に多くのパフォーマンスを必要とします。これを避け、一度計算する方法はありますか？ ありがとう

Answer 1

再選択ライブラリimplements memoization for the selectors。 createSelector関数で作成されたセレクタは、セレクタへの入力値が変更された場合にのみ再計算されます。それ以外の場合、セレクタは以前のメモ帳の値をコンポーネント間で返します。 reselect documentationから

入力セレクタの値がセレクタへの以前の呼び出しと同じ場合、変換関数を呼び出す代わりに以前に計算された値が返されます。

これは、コンポーネント間で同じセレクタ関数を再利用する必要があります。通常、セレクタは、選択している状態を構築するレデューサー（例：reducers.js）と一緒に作成します。余分なスマート性のためにセレクタを作成して、異なるセレクタにまたがって共有されているサブ状態もメモできるようにする必要があります。