React-redux context not found error: selesaikan masalah apabila menggunakan useSelector hook

Question

Saya sedang mengusahakan aplikasi React menggunakan Redux untuk mengurus keadaan. Saya telah menyediakan kedai dan Pembekal Redux dalam fail index.js saya:

// index.js

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

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

Dalam komponen Apl saya, saya cuba menggunakan cangkuk useSelector react-redux untuk mengakses kedai:

// App.jsx

import { useSelector } from 'react-redux';

function App() {

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

  // ...
}

Walau bagaimanapun, ini menimbulkan ralat berikut:

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

Saya telah mengesahkan:

• kedai dibuat dan dieksport dengan betul di store.js
• Apl ialah komponen akar yang diserahkan kepada Pembekal
• Saya mengimport useSelector daripada 'react-redux'

Tetapi saya masih melihat konteks ini tidak ditemui ralat. Apakah yang saya hilang dalam tetapan Pembekal untuk menjadikan kedai Redux tersedia kepada komponen menggunakan cangkuk seperti useSelector?

Sebarang bantuan amat dihargai!

Answer 1

Cuba hantar konteks = {null} dalam pembalut penyedia seperti di bawah

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


 </Provider>