React-redux上下文未找到錯誤：解決useSelector鉤子使用時的問題

Question

我正在使用Redux來管理狀態的React應用程式。我已經在我的index.js檔案中設定了Redux store和Provider：

// index.js

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

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

在我的App元件中，我嘗試使用react-redux的useSelector鉤子來存取store：

// App.jsx

import { useSelector } from 'react-redux';

function App() {

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

  // ...
}

然而，這會拋出以下錯誤：

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

我已經確認：

• store在store.js中正確建立並匯出
• App是傳遞給Provider的根元件
• 我從'react-redux'中導入了useSelector

但是我仍然看到這個上下文未找到的錯誤。在Provider設定中我漏掉了什麼，以使Redux store可用於使用useSelector等鉤子的元件？

非常感謝任何幫助！

Answer 1

嘗試在提供者包裝器中傳遞 context = {null}，如下所示

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


 </Provider>