TypeError:调度不是嵌套组件中的函数

import { useEffect } from 'react';

function MyComponent() {
  useEffect(() => {
    // 在这里使用调度器
  }, []);

  return (
    // 组件的 JSX
  );
}

import { useEffect, useState } from 'react';

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

  useEffect(() => {
    fetchData();
  }, []);

  function fetchData() {
    // 异步获取数据
    // 使用调度器更新组件状态
    setData(data);
  }

  return (
    // 组件的 JSX
  );
}

import { useEffect, useState } from 'react';

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

  useEffect(() => {
    fetchData();
  }, []);

  function fetchData() {
    // 异步获取数据
    // 使用调度器更新组件状态
    setData(data);
  }

  return (
    <ChildComponent dispatch={setData} />
  );
}

function ChildComponent({ dispatch }) {
  // 在这里使用调度器
  useEffect(() => {
    dispatch('new data');
  }, [dispatch]);

  return (
    // 组件的 JSX
  );
}