在React / Redux中添加/更新深度对象数组

在React / Redux中添加/更新深度对象数组，可以通过以下步骤实现：

首先，确保你已经安装了React和Redux，并且已经设置好了Redux store。
创建一个Redux action，用于添加或更新深度对象数组。这个action应该接收一个参数，即要添加或更新的深度对象数组。

// actions.js

export const addOrUpdateArray = (array) => {
  return {
    type: 'ADD_OR_UPDATE_ARRAY',
    payload: array
  };
};

创建一个Redux reducer，用于处理这个action。在reducer中，你可以使用深度复制的方式来添加或更新深度对象数组。

// reducers.js

const initialState = {
  deepArray: []
};

const reducer = (state = initialState, action) => {
  switch (action.type) {
    case 'ADD_OR_UPDATE_ARRAY':
      // 使用深度复制的方式来添加或更新深度对象数组
      const newArray = JSON.parse(JSON.stringify(state.deepArray));
      action.payload.forEach((item) => {
        const index = newArray.findIndex((obj) => obj.id === item.id);
        if (index !== -1) {
          // 更新已存在的对象
          newArray[index] = item;
        } else {
          // 添加新的对象
          newArray.push(item);
        }
      });
      return {
        ...state,
        deepArray: newArray
      };
    default:
      return state;
  }
};

export default reducer;

在React组件中使用Redux的connect函数将state和action绑定到组件上，并在需要的地方调用addOrUpdateArray action。

// YourComponent.js

import React from 'react';
import { connect } from 'react-redux';
import { addOrUpdateArray } from './actions';

class YourComponent extends React.Component {
  // ...

  handleAddOrUpdateArray = () => {
    const deepArray = [
      { id: 1, name: 'Object 1' },
      { id: 2, name: 'Object 2' },
      // ...
    ];
    this.props.addOrUpdateArray(deepArray);
  };

  render() {
    // ...
  }
}

const mapStateToProps = (state) => {
  return {
    deepArray: state.deepArray
  };
};

const mapDispatchToProps = {
  addOrUpdateArray
};

export default connect(mapStateToProps, mapDispatchToProps)(YourComponent);

这样，当你调用handleAddOrUpdateArray方法时，Redux store中的deepArray将会被更新或添加新的深度对象数组。

关于React和Redux的更多信息，你可以参考以下链接：