如何在react中将异步对象传递给道具？

// 父组件
import React, { useEffect } from 'react';
import { useDispatch, useSelector } from 'react-redux';
import { fetchData } from 'actions'; // 异步操作的action

const ParentComponent = () => {
  const dispatch = useDispatch();
  const asyncData = useSelector(state => state.asyncData); // 从状态管理库中获取异步对象

  useEffect(() => {
    dispatch(fetchData()); // 触发异步操作
  }, []);

  return (
    <div>
      <ChildComponent asyncData={asyncData} /> // 将异步对象作为道具传递给子组件
    </div>
  );
};

// 子组件
const ChildComponent = ({ asyncData }) => {
  if (asyncData.loading) {
    return <div>Loading...</div>; // 展示加载中的状态
  }

  return (
    <div>
      <h1>{asyncData.data}</h1> // 展示异步数据
    </div>
  );
};