将动态空对象添加到数组React

import React, { useState } from 'react';

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

  const addEmptyObject = () => {
    setData([...data, {}]);
  }

  return (
    <div>
      <button onClick={addEmptyObject}>添加空对象</button>
      {data.map((item, index) => (
        <div key={index}>
          {/* 渲染空对象的属性 */}
          <p>属性1: {item.property1}</p>
          <p>属性2: {item.property2}</p>
          <hr />
        </div>
      ))}
    </div>
  );
}

export default App;