在reactjs中动态添加现有状态的对象变量(使用功能组件)

import React, { useState } from 'react';

const MyComponent = () => {
  const [objects, setObjects] = useState([]);

  // 添加对象的函数
  const addObject = () => {
    const newObject = { /* 新对象的属性 */ };
    setObjects([...objects, newObject]);
  };

  return (
    <div>
      {/* 渲染已有的对象 */}
      {objects.map((object, index) => (
        <div key={index}>{/* 对象的内容 */}</div>
      ))}

      {/* 添加对象的按钮 */}
      <button onClick={addObject}>添加对象</button>
    </div>
  );
};