首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

将新数组对象添加到react redux reducer中的嵌套数组,并将数组添加到存储更新中的数组,但不添加react组件

在React Redux中,要将新的数组对象添加到reducer中的嵌套数组,并将该数组添加到存储更新中的数组,可以按照以下步骤进行操作:

  1. 创建一个action,用于描述要执行的操作。例如,可以创建一个名为addNestedArray的action,该action接收一个新的数组对象作为参数。
代码语言:txt
复制
const addNestedArray = (newArray) => {
  return {
    type: 'ADD_NESTED_ARRAY',
    payload: newArray
  };
};
  1. 在reducer中处理该action。在reducer中,可以使用Array.prototype.concat()方法将新的数组对象添加到嵌套数组中,并将更新后的数组添加到存储中的数组中。
代码语言:txt
复制
const initialState = {
  nestedArray: [],
  storedArray: []
};

const reducer = (state = initialState, action) => {
  switch (action.type) {
    case 'ADD_NESTED_ARRAY':
      return {
        ...state,
        nestedArray: state.nestedArray.concat(action.payload),
        storedArray: state.storedArray.concat(state.nestedArray)
      };
    default:
      return state;
  }
};
  1. 在组件中使用connect()函数连接Redux,并在需要添加新数组对象的地方调用addNestedArray action。
代码语言:txt
复制
import { connect } from 'react-redux';
import { addNestedArray } from './actions';

class MyComponent extends React.Component {
  // ...

  handleAddArray = () => {
    const newArray = [/* new array object */];
    this.props.addNestedArray(newArray);
  }

  render() {
    // ...
  }
}

const mapDispatchToProps = {
  addNestedArray
};

export default connect(null, mapDispatchToProps)(MyComponent);

这样,当调用handleAddArray方法时,新的数组对象将被添加到reducer中的嵌套数组,并将更新后的数组添加到存储中的数组中。

请注意,以上示例中的代码仅为演示目的,实际情况中可能需要根据具体需求进行调整。此外,腾讯云相关产品和产品介绍链接地址可以根据具体需求和场景进行选择,可以参考腾讯云官方文档或咨询腾讯云的技术支持团队获取更详细的信息。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

没有搜到相关的沙龙

领券