redux , panggilan cangkuk tidak sah. Cangkuk hanya boleh dipanggil dalam badan komponen fungsi

Question

Apabila saya menyediakan dan menggunakan Pembekal dalam root.render, ia menunjukkan kepada saya ralat ini:

Amaran: Panggilan cangkuk tidak sah. Cangkuk hanya boleh dipanggil secara dalaman Badan komponen fungsi. Ini mungkin berlaku dalam salah satu daripada Inilah sebabnya:

1. Versi React dan pemapar anda mungkin tidak sepadan (cth. React DOM)
2. Anda mungkin melanggar peraturan Hooks
3. Anda mungkin mempunyai berbilang salinan React dalam apl yang sama dan TypeError tidak ditangkap: Tidak dapat membaca sifat null (baca 'useMemo')

Ia hanya untuk komponen Pembekal, jika saya tidak memanggilnya, saya tidak mendapat ralat ini.

import React daripada 'react';
import ReactDOM daripada 'react-dom/client';
import Apl daripada './App';
import reportWebVitals daripada './reportWebVitals';
import { Provider } daripada 'react-redux';

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

reportWebVitals();

Saya menyahpasang pakej redux dan npm dan memasangnya menggunakan versi terkini, tetapi saya menghadapi masalah yang sama. Ada yang mengatakan mungkin kerana terdapat nama yang sama dalam kedua-dua pakej, yang mengelirukan komputer, tetapi saya tidak fikir begitu.

Answer 1

Anda perlu 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();