Fehler „React-Redux-Kontext nicht gefunden': Lösen Sie das Problem, wenn Sie den useSelector-Hook verwenden
P粉427877676
P粉427877676 2023-09-14 00:09:19
0
1
634

Ich arbeite an einer React-Anwendung, die Redux zum Verwalten des Status verwendet. Ich habe den Redux-Store und den Provider in meiner index.js-Datei eingerichtet:

// index.js

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

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

In meiner App-Komponente versuche ich, den useSelector-Hook von React-Redux zu verwenden, um auf den Store zuzugreifen:

// App.jsx

import { useSelector } from 'react-redux';

function App() {

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

  // ...
}

Dies führt jedoch zu folgendem Fehler:

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

Ich habe bestätigt:

  • store wird korrekt in store.js
  • erstellt und exportiert
  • App ist die Stammkomponente, die an den Anbieter übergeben wird
  • Ich habe useSelector aus „react-redux“ importiert

Aber ich sehe immer noch den Fehler „Kontext nicht gefunden“. Was fehlt mir in den Provider-Einstellungen, um den Redux-Store für Komponenten verfügbar zu machen, die Hooks wie useSelector verwenden?

Jede Hilfe wird sehr geschätzt!

P粉427877676
P粉427877676

Antworte allen(1)
P粉432906880

尝试在提供程序包装器中传递 context = {null},如下所示

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


 </Provider>
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage