React-redux上下文未找到錯誤:解決useSelector鉤子使用時的問題
P粉427877676
P粉427877676 2023-09-14 00:09:19
0
1
647

我正在使用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等鉤子的元件?

非常感謝任何幫助!

P粉427877676
P粉427877676

全部回覆(1)
P粉432906880

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

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


 </Provider>
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板