当我 运行 entry.js 和我 createStore 时，但我有一个警告 Invalid prop `store` of type `function` supplied to `Provider`, expected `object`

Question

enrty.js

import React from 'react';
import {render} from 'react-dom';
import {createStore,applyMiddleware} from 'redux';
import {Provider} from 'react-redux';
import reducer from './reducers/index';

import Add from './containers/add';
import AddRequest from './middlewares/add';

const createStoreMiddle = applyMiddleware(AddRequest);
const Store = createStoreMiddle(reducer);

render(
   <Provider store={Store}>
    <Add />
   </Provider>,document.getElementById('app')
);

不幸的是，它抱怨：

//warning.js?8a56:36 Warning: Failed prop type: Invalid prop `store` of type `function` supplied to `Provider`, expected `object`.in Provider
//connectAdvanced.js?a26c:35 Uncaught TypeError: store.getState is not a function

我找了好多都解决不了

Answer 1

你忘了用createStore，你需要这样写：

const createStoreMiddle = applyMiddleware(AddRequest);

const Store = createStore(reducer, createStoreMiddle); // use createStore

render(
   <Provider store={Store}>
      <Add />
   </Provider>,document.getElementById('app')
);

Check this for more detail