Erreur de contexte React-redux introuvable : résolvez le problème lors de l'utilisation du hook useSelector
P粉427877676
P粉427877676 2023-09-14 00:09:19
0
1
637

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 !

P粉427877676
P粉427877676

répondre à tous(1)
P粉432906880

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

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


 </Provider>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal