Javascript 是否有解决此错误的方法:找不到;商店「;在「;连接(应用程序)";。将根组件包装为<;供应商>;

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

当我使用代码启动时,我遇到了这个问题 错误:在“连接(应用)”的上下文中找不到“存储”。将根组件包装在中,或在“连接选项”中将自定义的React上下文提供程序传递给和相应的React上下文使用者以进行连接(应用程序)

我的代码

app.js '''

我更改了它,但仍然为我显示该消息,我创建了存储文件并将此代码放入其中

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 />);
}