我有一个减速机,为了计算新的状态,我需要来自动作的数据,也需要来自不由这个减速机管理的状态部分的数据.具体来说,在我将在下面展示的减速器中,我需要访问accountDetails.stateOfResidenceId字段.

initialState.js:

export default {
    accountDetails: {
        stateOfResidenceId: '',
        accountType: '',
        accountNumber: '',
        product: ''
    },
    forms: {
        blueprints: [

        ]
    }
};

formsReducer.js:

import * as types from '../constants/actionTypes';
import objectAssign from 'object-assign';
import initialState from './initialState';
import formsHelper from '../utils/FormsHelper';
export default function formsReducer(state = initialState.forms, action) {
  switch (action.type) {
    case types.UPDATE_PRODUCT: {
        //I NEED accountDetails.stateOfResidenceId HERE
        console.log(state);
        const formBlueprints = formsHelper.getFormsByProductId(action.product.id);
        return objectAssign({}, state, {blueprints: formBlueprints});
    }

    default:
      return state;
  }
}

index.js (root reducer):

import { combineReducers } from 'redux';
import accountDetails from './accountDetailsReducer';
import forms from './formsReducer';

const rootReducer = combineReducers({
    accountDetails,
    forms
});

export default rootReducer;

我怎样才能进入这个领域?

推荐答案

我会用thunk来做这个,下面是一个例子:

export function updateProduct(product) {
  return (dispatch, getState) => {
    const { accountDetails } = getState();

    dispatch({
      type: UPDATE_PRODUCT,
      stateOfResidenceId: accountDetails.stateOfResidenceId,
      product,
    });
  };
}

基本上,你得到了动作所需的所有数据,然后你可以将这些数据发送到你的减速机.

Reactjs相关问答推荐

Shadck/ui Select -当用户 Select 项目时更改状态

在Reaction中测试条件组件

在数组对象内的数组上进行映射

PWA:注册事件侦听器不会被触发

面临 React 模式中点击外部条件的问题

如何在不同的路由中渲染相同的页面组件(包括 getServerSideProps)

无法使用 MongoDB Atlas 和 Next.js 删除正确的帖子

如何更新redux状态存在的输入框

无法在react 中向表中添加行

如何覆盖自定义 MUI 手风琴的样式(分隔线和折叠图标)

当我在 React Router Dom 中使用两个参数并直接在页面上导航时,数据获取没有发生

React - 使用 useEffect 还是直接在 onChange 方法中更改值对性能最好?

如何防止开发人员使用 ESLint 在 React 项目中使用特定的钩子?

如何在 ChartJS 中操作 Y 轴

需要在窗口调整大小时更新 React 组件

Wordpress 插件在激活时创建一个 React Public 页面

为什么此代码中的 useState 不更新(文本更新但 id 不更新)?

您无权使用阻止 webRequest 侦听器.请务必在 list 中声明 webRequestBlocking 权限

如何将本地视频文件上传到 Google Cloud

服务器端分页未按预期工作