這是使用 React 上下文的好設計嗎？ API

Question

我正在開發一個 React 項目，該項目分為幾個模塊，每個模塊包含幾個組件。 還有一個commons模塊，其中包含兩個或多個單獨模塊共有的組件。 我正在使用上下文 API 來管理所有 state。 下面是父組件（App.js）的結構。 Module1Container , Module2Container ... 包含各個模塊的組件。

return(
    <CommonsContextProvider>
        <Module1ContextProvider>
            <Module1Container />
        </Module1ContextProvider>
        <Module2ContextProvider>
            <Module2Container />
        </Module2ContextProvider>
        <Module3ContextProvider>
            <Module3Container />
        </Module3ContextProvider>
    </CommonsContextProvider>
)

我主要希望將狀態分開，因為每個模塊的單個上下文會使其過於混亂。 為每個模塊設置一個單獨的上下文並為跨模塊的常用 state 設置一個通用上下文是個好主意嗎？ 這種結構不是使單一事實來源規則無效嗎？ 更好的建議是最受歡迎的。

Answer 1

這種方法目前沒有問題，但是從長遠來看，如果需要維護項目單源還是比較好的，

對於單一事實來源，請使用 redux（redux-hooks），以防您需要模塊化的狀態視圖，對不同的組件使用不同的減速器，為全局 state 使用通用減速器，然后使用 Z7490FE17CAEC3723E8 的 combineReducer 組合它們