在react钩子中的另一个获取完成后立即获取数据

import React, { useState, useEffect } from 'react';

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

  useEffect(() => {
    // 另一个获取数据的操作
    fetch('https://api.example.com/another')
      .then(response => response.json())
      .then(result => {
        // 获取完成后立即获取数据
        fetch('https://api.example.com/data')
          .then(response => response.json())
          .then(result => {
            setData(result);
          });
      });
  }, []); // 空数组表示没有依赖项，只在组件渲染完成后执行一次

  return (
    <div>
      {data ? (
        <p>Data: {data}</p>
      ) : (
        <p>Loading...</p>
      )}
    </div>
  );
}

export default MyComponent;