React-redux交叉访问状态值

Question

在过去的两周里，我一直在使用redux，我面临着一个问题，我想访问/更改另一个reducer的状态值。我怎样才能做到这一点？

    export function add(data) {
      return {
        types: [types.ONADD, types.ONADDSUCCESS, types.ONADDFAIL],
        payload: {
          response: api.add(data).then(response => response),
          data
        }
      };
    }

    export default createReducer(initialState, {
      [types.ONADD](state) {
        return {
          ...state,
          message: 'Updating Records'
        };
      }
     });

提前感谢！

Answer 1

我想你处理这个问题的方式不对。您应该尽可能地规范数据，然后使用connect装饰器为UI编写所需的状态。例如，消息可以嵌套在“朋友”的节点下，但最好将它们放在自己的存储区中，然后创建一个函数，根据关系从朋友那里选择消息。这将为您提供免费的聚合（您有3条未读消息）。查看reselect以一种好的（和缓存的）方式来实现这一点。

编辑：

您可以编写分派多个操作的中间件：

export default (store) => (next) => (action) => {
   if(!action.types){
     return next(action);
   }

   action.types.forEach(type => {
     next({
       type,
       payload: action.payload
     })
   });
}

然后从一个动作创造者那里这样称呼它：

export function addMessage(message){
  return {
    types: ['ADD_MESSAGE', 'UPDATE_USER'],
    payload: message
  }
}