reactjs - Redux createStore 未定义

Question

我正在尝试学习 Redux，因此我创建了一个测试应用程序，但似乎我无法应用中间件并创建我的商店，因为我收到错误'createStoreWithMiddleware' is not Define .

我的index.js:

import React, { Component } from 'react';
import ReactDOM from 'react-dom';
import { BrowserRouter as Router } from 'react-router-dom';
import { Provider } from 'react-redux';
import Header from './components/header';
import Footer from './components/footer';
import Content from './components/content';
import { createStore, applyMiddleware } from 'redux';
import ReduxPromise from 'redux-promise';
import reducers from './reducers';
import './index.css';
import './App.css';


class App extends Component {
  render() {
    return (
    <Router>
      <div className="App">
        <Header />
        <Content />
        <Footer />
      </div>
    </Router>
);
}}

const createStoreWithMiddleWare = applyMiddleware(ReduxPromise)(createStore);
ReactDOM.render(
  <Provider store={createStoreWithMiddleware(reducers)}>
    <App />
  </Provider>, 
  document.getElementById('root'));

我尝试在类中设置 Provider，但这似乎也不起作用。可能是一个简单的问题，感谢您的帮助。

Answer 1

您需要创建商店，然后添加中间件:

const createStoreWithMiddleWare = createStore(reducers, applyMiddleware(ReduxPromise));

您的提供商应如下所示:

 <Provider store={createStoreWithMiddleware}>