在React的parent中触发的onClick事件上将子数据传递给parent

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

function ParentComponent() {
  const [childData, setChildData] = useState('');

  const handleChildData = (data) => {
    setChildData(data);
  };

  const handleClick = () => {
    // 在这里可以使用childData进行其他操作
    console.log(childData);
  };

  return (
    <div>
      <ChildComponent onChildData={handleChildData} />
      <button onClick={handleClick}>点击触发事件</button>
    </div>
  );
}

export default ParentComponent;

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

function ChildComponent({ onChildData }) {
  const sendDataToParent = () => {
    const data = '子数据';
    onChildData(data);
  };

  return (
    <div>
      <button onClick={sendDataToParent}>传递数据给父组件</button>
    </div>
  );
}

export default ChildComponent;