不确定如何在useEffect中集成函数

import React, { useEffect } from 'react';

function MyComponent() {
  useEffect(() => {
    // 在这里编写你的代码逻辑
    // 这段代码将在组件渲染后执行
    // 如果需要清理副作用，可以返回一个函数
    return () => {
      // 在这里编写清理逻辑
      // 这段代码将在组件卸载前执行
    };
  }, []); // 传递一个空数组作为第二个参数，表示只在组件挂载和卸载时执行一次
  // ...
}

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

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

  useEffect(() => {
    // 定义一个异步函数用于获取数据
    async function fetchData() {
      const response = await fetch('https://api.example.com/data');
      const result = await response.json();
      setData(result);
    }

    fetchData(); // 调用异步函数获取数据

    return () => {
      // 在组件卸载前取消数据获取操作
      // 可以根据需要进行清理操作
    };
  }, []);

  return (
    <div>
      {/* 在组件中使用获取到的数据 */}
      {data && <p>{data.message}</p>}
    </div>
  );
}