如何在setstate中为数组对象Reactjs追加多个值

Question

我想使用setState函数在数组中追加对象。我的初始变量如下：

columns1: [
{
title: "Sr. No.",
render(text, record, index) {
return {
children: <div> {index + 1}</div>,
};
},
},
{
title: "Account ID",
dataIndex: "Accountid",
},
{
title: "Alias",
dataIndex: "Alias",
},
],

现在，在一个函数中，我想在列1:中再添加两个对象

const projCol = {
title: "Projected Cost",
dataIndex: "forecast_amount",
key: "forecast_amount",
},
const projChange = {
title: "Percentage Change",
dataIndex: "%change",
key: "%change",
}

如果我只想添加projCol，我可以做

this.setState((prevState) => {
return {
columns1: [...prevState.columns1,projCol],
};
});

但是我如何添加projCol和projChange？

Answer 1

只需像处理projCol一样，向数组中再添加一个元素，用逗号分隔。

this.setState((prevState) => {
return {
columns1: [...prevState.columns1, projCol, projChange]
};
});