更新处于react状态的数组，使用concat

在React中更新处于状态的数组，可以使用concat方法。concat方法用于连接两个或多个数组，并返回一个新的数组，而不会改变原始数组。

在React中，为了更新状态中的数组，我们需要先获取原始数组，然后使用concat方法连接新的元素或数组，最后将新的数组设置为新的状态。

以下是一个示例代码：

import React, { useState } from 'react';

function App() {
  const [array, setArray] = useState(['item1', 'item2', 'item3']);

  const updateArray = () => {
    const newItem = 'item4';
    const newArray = array.concat(newItem);
    setArray(newArray);
  };

  return (
    <div>
      <button onClick={updateArray}>Update Array</button>
      <ul>
        {array.map((item, index) => (
          <li key={index}>{item}</li>
        ))}
      </ul>
    </div>
  );
}

export default App;

在上面的代码中，我们使用useState钩子来创建一个名为array的状态变量，并初始化为一个包含三个元素的数组。然后，我们定义了一个名为updateArray的函数，该函数在点击按钮时被调用。

在updateArray函数中，我们使用concat方法将新的元素item4连接到原始数组array中，并将结果赋值给newArray。最后，我们使用setArray函数将新的数组newArray设置为新的状态。

在组件的渲染部分，我们使用map方法遍历数组，并将每个元素渲染为一个<li>元素。

这样，当点击按钮时，数组将被更新，并且新的元素item4将被添加到数组中。