2017-01-28 9 views
0

私はFluaxアーキテクチャを使用してReactJsで自分のサイトのダッシュボードを構築しています。ReactJS + Flux - サブコンポーネントデータ用に保存

今度は、私がウェブサイトに登録されているすべてのユーザのリストを表示し、このコンポーネントは、データがフェッチされて保存されているUsersStoreを持ってUsersComponentを持っているとしましょう。

(新規登録台数は、...ユーザーとのより多くのをブロックされた)これらの統計が異なるから来て、私は最後の24時間の統計情報を表示する小さなウィジェットですUsersStatsComponentという名前のサブコンポーネントをレンダリングUsersComponentインサイドAPIエンドポイント。

このサブコンポーネントのデータはどこで管理する必要がありますか?

  1. はAPIからデータを取得し、UsersStatsComponentに変更イベントを発するUsersStatsStoreという名前の別のストアを作成します。

    私は私のオプションがあることを検討してください。

  2. UsersStoreの同じストアを使用し、この店内別のアクションを作成し、データがAPIからフェッチしたときに異なるイベントを発します。

このためのベストプラクティスは何ですか?

答えて

0

データは、ユーザーに関連しているので、私はUserStoreをお勧めします。 しかし、あなたは店内にネスティングがあまりないことを確認する必要があります。

+0

したがって、 'UsersStore'は2つのaddListenersを持つでしょうか? ユーザーの一覧と統計情報の一覧 その音は良い練習ですか?私はフラックスストアに関するすべてのサンプル&チュートリアルでこのアプローチを見ていません。 – ShaiShai

+0

この[回答](http://stackoverflow.com/a/26602976/5284640)を見ると、複数の店舗を使用する場合にはより明確になります。 –

関連する問題