用React Hook应用多个上下文的好方法

时间:2019-10-03 08:12:16

标签: javascript reactjs react-hooks

当前, 我有CategoryContext来管理Category状态, ModalContext管理模式状态。

<Layout>
   <ModalContext.Provider>
   <Route>
       <CategoryContext.Provider />
           <CategoryPage />
   </Route>
   <ModalContext.Provider />
</Layout>

我只是从redux转移到react-hook以管理状态。那我不确定我的解决方案是否好?我很高兴从社交界获得更多的想法:)

1 个答案:

答案 0 :(得分:0)

您可以有多个上下文提供程序来包装要在其中使用上下文的组件。但是,在您的情况下,您不是将组件与提供程序一起包装,而是在出现CategoryContext

的情况下进行渲染
<Layout>
   <ModalContext.Provider>
   <Route>
       <CategoryContext.Provider >
           <CategoryPage />
       </CategoryContext.Provider >
   </Route>
   <ModalContext.Provider />
</Layout>