在多个React组件之间处理promises

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

const ParentComponent = () => {
  const [promiseResult, setPromiseResult] = useState(null);

  useEffect(() => {
    const promises = [promise1, promise2, promise3]; // 替换为实际的promises

    Promise.all(promises)
      .then(result => {
        setPromiseResult(result);
      })
      .catch(error => {
        console.error(error);
      });
  }, []);

  return (
    <div>
      {/* 子组件 */}
      <ChildComponent promiseResult={promiseResult} />
    </div>
  );
};

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

const ChildComponent = ({ promiseResult }) => {
  // 使用useContext获取promise结果
  const result = useContext(PromiseContext);

  return (
    <div>
      {/* 使用promise结果进行渲染 */}
      {result && result.map(item => <p key={item.id}>{item.name}</p>)}
    </div>
  );
};

export default ParentComponent;