如何使用react数组映射方法将项添加到特定Id中

const [items, setItems] = useState([]);

const addItemToId = (id, item) => {
  setItems(prevItems => {
    const updatedItems = [...prevItems];
    const index = updatedItems.findIndex(item => item.id === id);
    if (index !== -1) {
      updatedItems[index].items.push(item);
    } else {
      updatedItems.push({ id, items: [item] });
    }
    return updatedItems;
  });
};

return (
  <div>
    {items.map(item => (
      <div key={item.id}>
        <h3>ID: {item.id}</h3>
        <ul>
          {item.items.map((subItem, index) => (
            <li key={index}>{subItem}</li>
          ))}
        </ul>
      </div>
    ))}
  </div>
);