如何使用React从子组件中单击按钮来显示一组数组

// 父组件
import React, { useState } from 'react';
import ChildComponent from './ChildComponent';

function ParentComponent() {
  const [dataArray, setDataArray] = useState([]);

  const updateArray = () => {
    const newDataArray = ['数据1', '数据2', '数据3']; // 替换成你的实际数据
    setDataArray(newDataArray);
  };

  return (
    <div>
      <ChildComponent dataArray={dataArray} updateArray={updateArray} />
    </div>
  );
}

export default ParentComponent;

// 子组件
import React from 'react';

function ChildComponent({ dataArray, updateArray }) {
  return (
    <div>
      <button onClick={updateArray}>点击更新数组</button>
      {dataArray.map((data, index) => (
        <p key={index}>{data}</p>
      ))}
    </div>
  );
}

export default ChildComponent;