redux, appel de hook invalide. Les hooks ne peuvent être appelés que dans le corps du composant de fonction

Question

Lorsque je configure et utilise le Provider dans root.render, il m'affiche cette erreur :

Avertissement : appel de crochet invalide. Les hooks ne peuvent être appelés qu’en interne Le corps du composant fonctionnel. Cela peut se produire dans l'un des Voici pourquoi :

1. Vos versions de React et de votre moteur de rendu peuvent ne pas correspondre (par exemple, React DOM)
2. Vous enfreignez peut-être les règles Hooks
3. Vous pouvez avoir plusieurs copies de React dans la même application et TypeError n'est pas détecté : impossible de lire la propriété de null (lire 'useMemo')

C'est juste pour le composant Provider, si je ne l'appelle pas, je n'obtiens pas cette erreur.

importer React depuis 'react';
importer ReactDOM depuis 'react-dom/client' ;
importer l'application depuis './App' ;
importer reportWebVitals depuis './reportWebVitals' ;
importer { Fournisseur } depuis 'react-redux' ;

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
  <Fournisseur>
    <Application />
  </Fournisseur>
);

reportWebVitals();

J'ai désinstallé les packages redux et npm et les ai installés en utilisant la dernière version, mais j'ai le même problème. Certains disent que cela pourrait être dû au fait qu'il y a les mêmes noms dans les deux packages, ce qui perturbe l'ordinateur, mais je ne pense pas.

Answer 1

Vous devez store传递给Provider

import React from 'react';
import ReactDOM from 'react-dom/client';

import App from './App';
import reportWebVitals from './reportWebVitals';
import { Provider } from 'react-redux';
import store from "./path/to/store"

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
  <Provider store={store}>
    <App />
  </Provider>
);

reportWebVitals();