如何使用react钩子将在子进程中创建的数据发送到父进程？

import React, { useState } from 'react';

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

  // 子进程发送数据时的回调函数
  const handleDataReceived = (receivedData) => {
    setData(receivedData);
  };

  // 渲染子组件，并将回调函数传递给子组件
  return (
    <div>
      <ChildComponent onDataReceived={handleDataReceived} />
      {data && <p>Received data: {data}</p>}
    </div>
  );
}

import React, { useEffect } from 'react';

function ChildComponent({ onDataReceived }) {
  useEffect(() => {
    // 创建子进程并生成数据
    const childProcess = spawn('node', ['child.js']);
    const generatedData = 'Some data from child process';

    // 将数据发送到父进程
    onDataReceived(generatedData);

    // 在组件卸载时终止子进程
    return () => {
      childProcess.kill();
    };
  }, [onDataReceived]);

  return <div>Child Component</div>;
}