在React Redux中,要将新的数组对象添加到reducer中的嵌套数组,并将该数组添加到存储更新中的数组,可以按照以下步骤进行操作:
addNestedArray
的action,该action接收一个新的数组对象作为参数。const addNestedArray = (newArray) => {
return {
type: 'ADD_NESTED_ARRAY',
payload: newArray
};
};
Array.prototype.concat()
方法将新的数组对象添加到嵌套数组中,并将更新后的数组添加到存储中的数组中。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;
}
};
connect()
函数连接Redux,并在需要添加新数组对象的地方调用addNestedArray
action。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中的嵌套数组,并将更新后的数组添加到存储中的数组中。
请注意,以上示例中的代码仅为演示目的,实际情况中可能需要根据具体需求进行调整。此外,腾讯云相关产品和产品介绍链接地址可以根据具体需求和场景进行选择,可以参考腾讯云官方文档或咨询腾讯云的技术支持团队获取更详细的信息。
领取专属 10元无门槛券
手把手带您无忧上云