如何通过ReactJS中的函数将数据从一个组件传递到另一个组件？

import React, { useState } from 'react';

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

  const sendDataToChild = (data) => {
    // 在这里进行数据处理或其他操作
    // ...

    // 将数据传递给子组件
    setData(data);
  };

  return (
    <div>
      <ChildComponent sendData={sendDataToChild} />
    </div>
  );
};

export default ParentComponent;

import React from 'react';

const ChildComponent = ({ sendData }) => {
  const handleClick = () => {
    const data = '要传递的数据';

    // 调用父组件传递的函数，将数据传递给父组件
    sendData(data);
  };

  return (
    <div>
      <button onClick={handleClick}>传递数据</button>
    </div>
  );
};

export default ChildComponent;