reactjs usestate array push

在 React 中，可以使用 useState 来管理状态。如果你想在数组中添加新元素，可以使用 push 方法。但是，这种方式不是响应式的，意味着它不会触发组件重新渲染。

为了在 React 中正确地更新状态数组，您应该使用 concat 、 slice 或者 spread operator 。

下面是一个例子，展示了如何使用 useState 和 spread operator 来在数组中添加新元素：

import React, { useState } from 'react';
function Example() {
  const [items, setItems] = useState([]);
  function handleClick() {
    setItems([...items, 'new item']);
  return (
      <button onClick={handleClick}>Add item</button>
      {items.map((item, index) => (
        <div key={index}>{item}</div>
    </div>
在这个例子中，我们在点击按钮时调用 setItems 函数，并使用展开运算符（...）将当前的 items 数组与新的元素合并在一起。这样做会触发组件重新渲染，并在页面上显示新的元素。