使用useSelector钩子时出现React-redux context not found错误

7xllpg7q  于 2023-08-05  发布在  React
关注(0)|答案(1)|浏览(102)

我正在使用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钩子访问商店:

// App.jsx

import { useSelector } from 'react-redux';

function App() {

  const state = useSelector(state => state); // throws error

  // ...
}


但是,这会引发以下错误:

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


我已确认:

  • 在store.js中正确创建并导出存储
  • App是传递给Provider的根组件
  • 我正在从'react-redux'导入useSelector

但我还是看到了这个context not found错误。我在Provider设置中缺少了什么,以使Redux商店可用于使用useSelector等钩子的组件?
任何帮助是赞赏!

jckbn6z7

jckbn6z71#

尝试在提供程序 Package 器中传递context = {null},如下所示

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

 </Provider>

字符串

相关问题