reactjs - useContext 中的 Provider 是否持有多个值

Question

<TodoContext.provider value={todos}> </TodoContext>

如果我们想要多个值怎么办。供应商支持吗？当然，我们可以以对象的形式添加我们的值并附加到该值，但我只是想确定是否有另一种方法可以为提供者添加值。

标签： reactjsreact-hooks

Answer 1

根据您的项目结构和组件设计，您可以使用如下嵌套上下文：

<FirstContext.Provider value={firstvalue}>
    <SecondContext.Provider value={secondValue}>
      <Component/>
    </SecondContext.Provider>
  </FirstContext.Provider>