您好,我正在处理购物 list ,我的文件如下所示:
import React, { Component } from 'react';
import AppNavbar from './components/AppNavbar';
import ShoppingList from './components/ShoppingList';
import {Provider} from 'react-redux';
import store from './';
import 'bootstrap/dist/css/bootstrap.min.css';
import './App.css';
function App() {
return (
<Provider store={store}>
<div className="App">
<AppNavbar/>
<ShoppingList/>
</div>
</Provider>
);
}
export default App;
但是,我收到此错误: 编译失败 ./src/App.js 尝试导入错误:“./”不包含默认导出(导入为“store”)。
有人可以帮忙解决这个问题吗?
最佳答案
代码中的问题是您如何尝试加载 store
与 import store from './';
.
相反,您需要使用 createStore()
来自redux
如下:
import { createStore, applyMiddleware } from 'redux';
const store = createStore(
/* your reducers */,
applyMiddleware( /* your middleware */ ),
);
您可以将什么传递给<Provider />
如下:
ReactDOM.render(<Provider store={store}>
<App />
</Provider>, document.getElementById('root'));
在此处进一步阅读 createStore(reducer, \[preloadedState\], \[enhancer\])
其中:
Creates a Redux store that holds the complete state tree of your app. There should only be a single store in your app.
希望这会有所帮助!
关于javascript - 导入语法 React Redux,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61233684/