2017-01-28 19 views
0

我正在使用flux體系結構爲我的網站在ReactJs中構建儀表板。ReactJS + Flux - 存儲子組件數據

現在讓我們假設我有一個UsersComponent它顯示在網站上註冊的所有用戶的列表,並且該成分具有UsersStore當數據被取出並存儲。

UsersComponent我渲染名爲UsersStatsComponent子組件,它是一個小的小工具,顯示從過去24小時內的統計數據(新註冊的數量,阻止用戶和更多......)這些統計數據來自不同的API端點。

我應該在哪裏管理這個子組件的數據?

我認爲我的選擇是:

  1. 創建另一個名爲UsersStatsStore從API獲取數據併發出更改事件UsersStatsComponent店。
  2. 使用同一個商店用戶存儲並在該存儲中創建另一個操作,並在從API中提取數據時發出不同的事件。

這樣做的最佳做法是什麼?

回答

0

由於數據與用戶有關,所以我會推薦UserStore。 但是你需要確保商店裏沒有太多的嵌套。

+0

那麼'UsersStore'將最終有2個addListeners? 一個用於用戶列表和一個用於統計? 這聽起來不錯嗎?在所有關於磁通門店的示例和教程中我都沒有看到這種方法。 – ShaiShai

+0

看看這個[回答](http://stackoverflow.com/a/26602976/5284640),當使用多個商店時,您會更清晰。 –