إضافة عنصر إلى مصفوفة الحالة

import { useState } from "react";
export default function App() {
  const [items, setItems] = useState([{ id: 1, name: "Item 1" }]);
  function addItem() {
    setItems(previous => {
      const id = previous.length + 1;
      return [...previous, { id, name: `Item ${id}` }];
    });
  }
  return <><ul>{items.map(item => <li key={item.id}>{item.name}</li>)}</ul><button onClick={addItem}>Add Item</button></>;
}