Javascript 是否有解决此错误的方法:找不到;商店「;在「;连接(应用程序)";。将根组件包装为<;供应商>;
当我使用代码启动时,我遇到了这个问题 错误:在“连接(应用)”的上下文中找不到“存储”。将根组件包装在中,或在“连接选项”中将自定义的React上下文提供程序传递给和相应的React上下文使用者以进行连接(应用程序) 我的代码 app.js ''' 我更改了它,但仍然为我显示该消息,我创建了存储文件并将此代码放入其中Javascript 是否有解决此错误的方法:找不到;商店「;在「;连接(应用程序)";。将根组件包装为<;供应商>;,javascript,reactjs,redux,react-redux,Javascript,Reactjs,Redux,React Redux,当我使用代码启动时,我遇到了这个问题 错误:在“连接(应用)”的上下文中找不到“存储”。将根组件包装在中,或在“连接选项”中将自定义的React上下文提供程序传递给和相应的React上下文使用者以进行连接(应用程序) 我的代码 app.js ''' 我更改了它,但仍然为我显示该消息,我创建了存储文件并将此代码放入其中 import {createStore} from 'redux'; import {reducer , initialState } from './reducer'; ex
import {createStore} from 'redux';
import {reducer , initialState } from './reducer';
export const ConfigureStore =()=>
{ const store = createStore( reducer, initialState );
return store
}
并将提供程序置于应用程序中,但仍显示消息错误此问题是否有其他解决方案?是。如错误消息中所述。您应该使用
react redux
中的Provider
组件包装应用程序的根组件。
应该是这样的
import { Provider } from 'react-redux';
import store from './store';
export default function App(){
return (
<Provider store={store}>
<App/>
<Provider />);
}
从'react redux'导入{Provider};
从“./store”导入存储;
导出默认函数App(){
返回(
);
}
/store.js
应使用减速机和中间机(如果有)创建存储。是。如错误消息中所述。您应该使用react redux
中的Provider
组件包装应用程序的根组件。
应该是这样的
import { Provider } from 'react-redux';
import store from './store';
export default function App(){
return (
<Provider store={store}>
<App/>
<Provider />);
}
从'react redux'导入{Provider};
从“./store”导入存储;
导出默认函数App(){
返回(
);
}
/store.js
应该使用还原器和中间器(如果有)创建存储。我认为您必须使用提供程序较高的组件,才能传入应用程序中使用的存储,就像Redux文档中的这个例子:我认为您必须使用提供者更高的组件,以便传入应用程序中要使用的存储,就像Redux文档中的这个例子:我更改了它,但仍然为我显示该消息,我创建了存储文件,并将代码“import{createStore}从“Redux”放入其中;从“/reducer”导入{reducer,initialState};导出const-ConfigureStore=()=>{const-store=createStore(reducer,initialState);返回store}`并将提供程序放入应用程序此问题的任何其他解决方案?@MahmoudKhdre其他一切似乎都很好。你们能分享你们在提供者中包装好的代码片段吗?我改变了它,但仍然为我显示那个条消息,我创建了存储文件,并将代码“import{createStore}从'redux'导入”;从“/reducer”导入{reducer,initialState};导出const-ConfigureStore=()=>{const-store=createStore(reducer,initialState);返回store}`并将提供程序放入应用程序此问题的任何其他解决方案?@MahmoudKhdre其他一切似乎都很好。您是否也可以在提供程序中包装的地方共享代码片段?
import { Provider } from 'react-redux';
import store from './store';
export default function App(){
return (
<Provider store={store}>
<App/>
<Provider />);
}