2017-07-10 13 views
1

私は車のリストで還元店を持っている場合。いくつかの場所で還元型店舗データをフィルタリングする方法

そして、このリストを使用して、ドロップダウンやテーブル(フィルタリング可能)などのいくつかのコンポーネントを設定します。

テーブルをフィルタリングすると、ドロップダウンリストがフィルタリングされ、 の横に別のページに表示され、同じストアが共有されます。

私が店内のそのデータの部分を複製すると、すべての場所で追加/編集するオプションが緩くなります。

このような場合のベストプラクティスは何ですか?そして例はおそらく?

+1

reduxのドキュメントにはフィルタリングの例があります。http://redux.js.org/docs/basics/ExampleTodoList.html#containersvisibletodolistjs –

+0

ベストプラクティスについては、**法律を念頭に置いて開始することをお勧めしますデメテル**の**行動**について考えるとき:https://facebook.github.io/react/blog/2014/07/30/flux-actions-and-the-dispatcher.html – AGE

答えて

1

コンポーネント内部からストアデータを編集しないでください。 コンポーネント内のリストをフィルタリングする - リストの新しいインスタンスを作成する - ストア内の何も変更しないようにする。

ストア使用操作で何かを変更する場合。

ストアデータは、コンポーネントでは読み取り専用にしておく必要があります。

http://redux.js.org/docs/recipes/ComputingDerivedData.html

は、これは正しい方法かもしれない:私は以前それを見ていない、この記事ではよくこの質問を説明して見ることができるように

が、私はこのトピック https://hackernoon.com/redux-step-by-step-a-simple-and-robust-workflow-for-real-life-apps-1fdf7df46092

+1

私はあなたが仕事にデータ操作を格納し、それをユーザーにレンダリングされるコンポーネントに渡します – AGE

+0

私は何かを店内のコンポーネント内で変更するとは言いませんでした.. もし何かを変更するなら、アクションを使用します。 私は、複数の場所でデータをフィルタリングし、その問題に関するいくつかのプラクティスについて話しています。 また、リストの新しいインスタンスを作成した場合、上記のように「単一の真実のソース」を失うことになります。これは1つのストア(1つのストア)にデータを持たせるのがポイントです。 – sgoran

+0

ご質問から、私はあなたがリストをフィルタリングし、結果を(フィルタリング後に)店舗から来る同じインスタンスに割り当てることを理解します。フィルタリングの仕方をコード例で示すと、質問に簡単に答えることができます。 –

0

に良い記事を見つけました店舗データを汚染することなくフィルタリングやその他の操作を行うことができます。

関連する問題