При использовании Redux в приложении React многие другие вопросы решают проблему Could not find "store" in the context of...
, напоминая, что нужно обернуть компонент контейнера в поставщике или компоненте root или передать указанный контекст c как возможность connect
. Я делаю все это, и это работает только тогда, когда я обертываю компонент контейнера в одиночку ... в то время как я хотел бы, чтобы провайдер обернул компонент root. В чем проблема?
версии
react: 16.13.1
redux: 4.0.5
react-redux: 7.2.0
index.jsx
const store = createStore(reducer, state);
const context = React.createContext(undefined);
render(
<Provider store={store} context={context}>
<App />
</Provider>,
document.getElementById("app")
);
ContainerComponent. jsx визуализируется где-то внутри App
компонента.
export const ContainerComponent = connect(
mapStateToProps,
mapDispatchToProps,
null,
{ context }
)(MyComponent);
ошибка
Uncaught Error: Could not find "store" in the context
of "Connect(MyComponent)". Either wrap the root component
in a <Provider>, or pass a custom React context provider
to <Provider> and the corresponding React context consumer
to Connect(MyComponent) in connect options.
=> Хотя все это сделано!