React useState数组更新

import React, { useState } from 'react';

function MyComponent() {
  const [array, setArray] = useState([]);

  const addItem = () => {
    // 使用扩展运算符添加新元素到数组
    setArray([...array, 'new item']);
  };

  const removeItem = (index) => {
    // 使用数组的filter方法移除指定索引的元素
    setArray(array.filter((_, i) => i !== index));
  };

  return (
    <div>
      <button onClick={addItem}>Add Item</button>
      <ul>
        {array.map((item, index) => (
          <li key={index}>
            {item}
            <button onClick={() => removeItem(index)}>Remove</button>
          </li>
        ))}
      </ul>
    </div>
  );
}

export default MyComponent;