javascript - 使用 React Hook 应用多个 Context 的好方法

目前, 我有 CategoryContext 来管理类别状态, 用于管理模态状态的 ModalContext。

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

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

最佳答案

您可以有多个上下文提供程序来包装您希望在其中使用上下文的组件。但是在您的情况下,您没有使用提供程序包装组件,而只是在 CategoryContext 的情况下呈现它

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

https://stackoverflow.com/questions/58214938/

相关文章:

selenium - 登录网站时如何使用 puppeteer/selenium 重用保存的凭据/密码

flutter - 如何使用我的整个应用程序在 TabBarView 中创建可滚动的内容?

java - elasticsearch 中的 too_many_buckets_exception

react-native - null 不是对象(评估 'StripeModule.init' )

reactjs - Jest 测试无法使用 create react app 和 craco 导入铯

wordpress - 您无权查看此页面 : JWT Authentication for WP R

apache-spark - 在 Spark 2.4.0 中使用 spark.sql 的 Hive

java - 创建名为“kafkaListenerContainerFactory”的 bean 时

flutter - Google AdMob 奖励视频有时只加载

visual-studio-code - Prettier 在 React Code 中不工作并在状