在react中推入数组对象，但不在屏幕上呈现

import React, { useState } from 'react';

function MyComponent() {
  const [data, setData] = useState([]);

  // 在某个事件处理函数中将对象推入数组
  const handleAddObject = () => {
    const newObj = { /* 新对象的属性 */ };
    setData(prevData => [...prevData, newObj]);
  };

  // 渲染数组对象
  const renderObjects = () => {
    return data.map((obj, index) => (
      <div key={index}>
        {/* 渲染对象的属性 */}
      </div>
    ));
  };

  return (
    <div>
      <button onClick={handleAddObject}>添加对象</button>
      {renderObjects()}
    </div>
  );
}

export default MyComponent;