我正在使用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等钩子的组件?
任何帮助是赞赏!
1条答案
按热度按时间jckbn6z71#
尝试在提供程序 Package 器中传递context = {null},如下所示
字符串