Erreur de contexte React-redux introuvable : résolvez le problème lors de l'utilisation du hook useSelector

Question

Je travaille sur une application React utilisant Redux pour gérer l'état. J'ai configuré le magasin et le fournisseur Redux dans mon fichier index.js :

// index.js

import { Provider } from 'react-redux';
import store from './store';

ReactDOM.render(
  <Provider store={store}>
    <App />
  </Provider>  
);

Dans mon composant App, j'essaie d'utiliser le hook useSelector de React-Redux pour accéder au magasin :

// App.jsx

import { useSelector } from 'react-redux';

function App() {

  const state = useSelector(state => state); // 报错

  // ...
}

Cependant, cela renvoie l'erreur suivante :

Error: Could not find react-redux context value; please ensure the component is wrapped in a <Provider>

J'ai confirmé :

• store est créé et exporté correctement dans store.js
• App est le composant racine transmis au fournisseur
• J'ai importé useSelector depuis 'react-redux'

Mais je vois toujours cette erreur de contexte non trouvé. Qu'est-ce qui me manque dans les paramètres du fournisseur pour rendre le magasin Redux disponible aux composants utilisant des hooks comme useSelector ?

Toute aide est grandement appréciée !

Answer 1

Essayez de passer context = {null} dans le wrapper du fournisseur comme ci-dessous

<Provider store={store} context = {null}>
<App />


 </Provider>