如何强制useEffect等待其他组件接收数据？

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

function ParentComponent() {
  const [isDataReceived, setIsDataReceived] = useState(false);

  // 模拟数据接收完成后的回调函数
  const onDataReceived = () => {
    setIsDataReceived(true);
  };

  return (
    <div>
      <ChildComponent onDataReceived={onDataReceived} />
      {isDataReceived && <p>数据已接收，可以执行其他逻辑</p>}
    </div>
  );
}

export default ParentComponent;

// 子组件
import React, { useEffect } from 'react';

function ChildComponent({ onDataReceived }) {
  useEffect(() => {
    // 模拟异步操作，例如发送请求获取数据
    setTimeout(() => {
      // 数据接收完成后调用回调函数
      onDataReceived();
    }, 2000);
  }, [onDataReceived]);

  return <p>子组件</p>;
}

export default ChildComponent;