javascript – React Redux意外密钥传递给创建商店

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – React Redux意外密钥传递给创建商店，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2138字，纯文字阅读大概需要4分钟。

内容图文

我收到错误在传递给createStore的initialState参数中找到的意外键“字符”.预计会找到一个已知的reducer密钥：“marvelReducer”,“routing”.意外的键将被忽略.

rootReducer：

 import { combineReducers } from 'redux';
 import { routerReducer } from 'react-router-redux';
 import marvelReducer from './marvelReducer';

 const rootReducer = combineReducers({
   marvelReducer,
   routing: routerReducer
 });
 export default rootReducer;

marvelReducer：

import { FETCH_MARVEL } from '../constants/constants';
import objectAssign from 'object-assign';

export default function marvelReducer(state = [], action) {
  switch (action.type) {
    case FETCH_MARVEL:
      return objectAssign({}, state, {characters: action.data});

    default:
      return state;
  }
}

商店：

import { createStore } from 'redux';
import { syncHistoryWithStore } from 'react-router-redux';
import { browserHistory } from 'react-router';

import rootReducer from '../reducers/index';

const initialState = {
  characters: []
};

const store = createStore(rootReducer, initialState);

export const history = syncHistoryWithStore(browserHistory, store);

if (module.hot) {
  module.hot.accept('../reducers/', () => {
    const nextRootReducer = require('../reducers/index').default;
    store.replaceReducer(nextRootReducer);
  });
}

export default store;

我在另一个应用程序中有非常相似的代码,它工作正常.不知道这里发生了什么

解决方法:

您设置为商店的初始状态与您告诉商店预期商店的初始状态应该是什么之间存在小的不匹配,例如, – 更新商店的初始状态设置：

const initialState = {
   marvel: {
     characters: []
   }
};

并且最好将状态树变量持有者命名为有意义的名称,其中不包含reducer,所以更新

const rootReducer = combineReducers({
   marvelReducer,
   routing: routerReducer
});

至

const rootReducer = combineReducers({
   marvel: marvelReducer,
   routing: routerReducer
});

这应该为你做的伎俩.

希望这可以帮助,

PS.一些文档.

从the docs开始：

If you produced reducer with combineReducers, this must be a plain object with the same shape as the keys passed to it. Otherwise, you are free to pass anything that your reducer can understand.

如果您不需要处理与一个或两个相关的任何操作,只需将它们拉入最初,这可能很简单

export default combineReducers({
  events,
  flash,
  one: (state = {}) => state,
  two: (state = {}) => state
})

内容总结

以上是互联网集市为您收集整理的javascript – React Redux意外密钥传递给创建商店全部内容，希望文章能够帮你解决javascript – React Redux意外密钥传递给创建商店所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---