Fehler „React-Redux-Kontext nicht gefunden“: Lösen Sie das Problem, wenn Sie den useSelector-Hook verwenden

Question

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!

Answer 1

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

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


 </Provider>