如何在 redux 中使用 React Context API？

Question

我有一个 React redux 应用程序，我想将 React Context API 用于我正在尝试做的事情之一

所以我有这个

<Provider value="something" store={store}>
      // stuff in here
</Provider>

效果很好，但后来我尝试添加上下文

const AppTypeContext = React.createContext('someContext' as any)

<AppTypeContext.Provider value="myValue" store={store}>
      // stuff in here
</AppTypeContext.Provider>

然后我的应用程序抛出一个错误 Property 'store' does not exist on type 'IntrinsicAttributes & ProviderProps<any>'. TS2322

我该如何解决这个问题？我需要使用什么供应商？

Answer 1

该应用可以有 multiple contexts.

只需正确分隔提供的值：

store 将通过 Provider
"something" 应由您的 AppTypeContext.Provider 提供。

<Provider store={store}>                      // redux provider
  <AppTypeContext.Provider value="something"> // your provider
     {children}
  </AppTypeContext.Provider>
</Provider>

如何在 redux 中使用 React Context API？

How to use React Context API with redux?

javascript

reactjs

redux

react-context