如何在react的对象列表中插入对象？

import React, { useState } from 'react';

function ObjectList() {
  const [objects, setObjects] = useState([]);

  const insertObject = () => {
    const newObject = { id: 1, name: 'New Object' };
    setObjects([...objects, newObject]);
  };

  return (
    <div>
      <button onClick={insertObject}>Insert Object</button>
      <ul>
        {objects.map((object) => (
          <li key={object.id}>{object.name}</li>
        ))}
      </ul>
    </div>
  );
}

export default ObjectList;