javascript - 导入语法 React Redux

Question

您好，我正在处理购物 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”)。

有人可以帮忙解决这个问题吗？

Answer 1

代码中的问题是您如何尝试加载 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.

希望这会有所帮助!