React将数组添加到状态数组

import React, { useState } from 'react';

function MyComponent() {
  const [items, setItems] = useState([]); // 定义状态数组items和更新方法setItems

  const addItem = () => {
    const newItem = 'New Item';
    setItems(prevItems => [...prevItems, newItem]); // 使用扩展运算符将新的项添加到数组中
  };

  return (
    <div>
      <button onClick={addItem}>添加项</button>
      <ul>
        {items.map((item, index) => (
          <li key={index}>{item}</li>
        ))}
      </ul>
    </div>
  );
}