javascript - 如何将 React Context API 与 redux 一起使用？

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

我该如何解决？我需要使用什么提供商？

标签： javascriptreactjsreduxreact-context

Answer 1

该应用程序可以有多个上下文。

只需正确分开提供的值：

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

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