在react中向父级提交参数的正确方式

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

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

  const handleData = (param) => {
    // 处理子组件传递的参数
    setData(param);
  };

  return (
    <div>
      <ChildComponent sendData={handleData} />
      <p>接收到的参数：{data}</p>
    </div>
  );
}

export default ParentComponent;

import React from 'react';

function ChildComponent(props) {
  const handleClick = () => {
    // 子组件通过props调用父组件传递的函数，并传递参数
    props.sendData('参数值');
  };

  return (
    <button onClick={handleClick}>提交参数</button>
  );
}

export default ChildComponent;