Как использовать React Context API с редуксом?

Question

У меня есть приложение реагирования с избыточностью, которое я хочу использовать 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

Приложение может иметь несколько контекстов .

Просто правильно разделить предоставленные значения:

• store должно быть предоставлено через Provider
• "something" должен быть предоставлен вашим AppTypeContext.Provider.

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