让一个自定义钩子在useEffect中只运行一次API调用

import { useEffect } from 'react';

function useAPICall(apiEndpoint) {
  useEffect(() => {
    // 在这里进行API调用
    // 这个代码将只会在组件挂载时运行一次

    // 例如，使用axios库发送GET请求
    axios.get(apiEndpoint)
      .then(response => {
        // 处理API响应数据
        console.log(response.data);
      })
      .catch(error => {
        // 处理API调用失败
        console.error(error);
      });
  }, []);
}

// 在组件中使用自定义钩子
function MyComponent() {
  useAPICall('/api/data');

  return (
    // 组件的渲染内容
  );
}