如何在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>