反應Js - 流量中的狀態管理

Question

我們正在使用FLUX架構在React JS中開發時間跟蹤客戶端，並且想知道整個應用程序狀態應該在單個狀態對象中。

• 這樣父組件可以在發生更改時獲取狀態，並通過props將其傳遞給子組件

要么

• 每個組件都應該有自己的狀態對象，因此當從商店觸發狀態更改時，它們可以單獨請求其狀態和setState 。

Answer 1

您應該嘗試盡可能地將狀態推送到層次結構中。 因此，您應該支持讓父組件成為有狀態，並將數據傳遞給無狀態（純）組件。 這使得理解應用程序變得更容易，因為大多數州都在一個地方。 沒有必要只有一個有狀態組件，但有狀態組件應該盡可能遠。

但請注意，應用程序狀態和UI狀態之間存在差異。 UI狀態是“此搜索輸入框當前包含值x”或“用戶切換按鈕以僅查看今天的數據”之類的內容。 UI狀態應該存在於需要和管理該狀態的組件中。

應用程序狀態是應用程序的數據，需要持久保存的數據。 你應該絕對努力集中管理。

Answer 2

另請查看Flux Comparison repo - https://github.com/voronianski/flux-comparison

它包含有用的Flux模式，如有狀態容器和純組件。