如何在数组对象 Reactjs 的 setstate 中附加多个值

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 列中再添加 2 个对象：

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]
      };
  });

如何在数组对象 Reactjs 的 setstate 中附加多个值

How to append multiple values in setstate for array object Reactjs

javascript

setstate

reactjs

react-hooks