Reactjs Redux希望减速器是一个函数
Redux向我扔: 错误:预期减速器是一个函数。 排队 从索引: 从configureStore: index.js 减根剂Reactjs Redux希望减速器是一个函数,reactjs,redux,react-redux,redux-devtools,Reactjs,Redux,React Redux,Redux Devtools,Redux向我扔: 错误:预期减速器是一个函数。 排队 从索引: 从configureStore: index.js 减根剂 import mockReducer from './mockReducer'; // export default { mockReducer }; export default mockReducer; 模拟减速器 找不到bug。第一次自己创建一个支持devtools插件的redux商店时,看起来你是在导出一个对象,而不是根减速机中的一个函数 减根剂 import
import mockReducer from './mockReducer';
// export default { mockReducer };
export default mockReducer;
模拟减速器
找不到bug。第一次自己创建一个支持devtools插件的redux商店时,看起来你是在导出一个对象,而不是根减速机中的一个函数 减根剂
import mockReducer from './mockReducer';
// export default { mockReducer };
export default mockReducer;
谢谢成功了。如果我不能将多个还原程序包装到一个对象中,如何导出它们?@victor.ja我建议每个还原程序使用不同的文件。您可以导出默认的{mockReducer,secondReducer},导入时从“./mockReducer”导入{mockReducer,secondReducer}
import React from 'react';
import { render } from 'react-dom';
import Root from './Root';
import './index.css';
import App from './whitesheet-components/App';
import registerServiceWorker from './registerServiceWorker';
import configureStore from './store/configureStore';
const { store } = configureStore();
const MOUNT_NODE = document.getElementById('root');
const load = Component =>
render(
<App>
<Component store={store} />
</App>,
MOUNT_NODE,
);
load(Root);
registerServiceWorker();
import { createStore } from 'redux';
import { devToolsEnhancer } from 'redux-devtools-extension';
import rootReducer from './rootReducer';
const isDevelopment = process.env.NODE_ENV !== 'production';
export default function configureStore(initialState = {}) {
const store = createStore(rootReducer, initialState, devToolsEnhancer());
if (isDevelopment && module.hot) {
// Enable Webpack hot module replacement for reducers
module.hot.accept('./rootReducer.js', () => {
const nextReducer = require('./rootReducer').default; // eslint-disable-line global-require
store.replaceReducer(nextReducer);
});
}
return { store };
}
import mockReducer from './mockReducer';
export default { mockReducer };
export default function reducer(state = { hola: 'as' }, { type }) {
switch (type) {
default:
return state;
}
}
import mockReducer from './mockReducer';
// export default { mockReducer };
export default mockReducer;