React antd步骤将子组件重新呈现为父状态更改

import React, { useState } from 'react';

function ParentComponent() {
  const [data, setData] = useState([]); // 定义状态data

  // 状态更改的回调函数
  const handleStateChange = () => {
    // 更新状态data
    setData([...data, 'new data']);
  };

  return (
    <div>
      <ChildComponent data={data} />
      <button onClick={handleStateChange}>更改状态</button>
    </div>
  );
}

function ChildComponent({ data }) {
  return (
    <div>
      {data.map((item, index) => (
        <div key={index}>{item}</div>
      ))}
    </div>
  );
}