react里面useState里面的数组如何每次追加一个元素

在React中，可以使用useState hook来管理状态。如果你想要每次追加一个元素到数组中，可以使用数组的解构语法来实现。下面是一个示例：

import React, { useState } from 'react';

function App() {
  const [list, setList] = useState([]);

  const addItem = () => {
    setList(prevList => [...prevList, 'new item']);
  };

  return (
    <div>
      <button onClick={addItem}>Add Item</button>
      <ul>
        {list.map(item => <li key={item}>{item}</li>)}
      </ul>
    </div>
  );
}

export default App;

在上面的代码中，我们定义了一个名为list的状态变量，并使用useState([])将其初始化为空数组。然后，我们使用setList函数来更新list变量的值。

在addItem函数中，我们使用数组的解构语法[...prevList, 'new item']将'new item'追加到prevList（即之前的list的值）中，并将其作为新的数组传递给setList函数。

这样，每次点击"Add Item"按钮时，addItem函数会被调用，将一个新的元素追加到list数组中，并通过重新渲染组件显示出来