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>