在react本机中映射状态数组

import React, { useState } from 'react';

function MyComponent() {
  const [items, setItems] = useState([]);

  const addItem = () => {
    // 使用 setItems 更新状态数组
    setItems([...items, '新的项']);
  };

  const removeItem = (index) => {
    // 使用 setItems 更新状态数组
    setItems(items.filter((item, i) => i !== index));
  };

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

export default MyComponent;