如何使用useEffect钩子呈现加载组件？

import React, { useEffect } from 'react';

function MyComponent() {
  // 组件的逻辑和状态
  return (
    <div>
      {/* 组件的内容 */}
    </div>
  );
}

function MyComponent() {
  useEffect(() => {
    // 在组件加载时执行的副作用操作
    // 可以在这里进行数据获取、订阅事件等操作
    // ...

    // 返回一个清理函数，用于在组件卸载时执行清理操作
    return () => {
      // 在组件卸载时执行的清理操作
      // 可以在这里取消订阅、清除定时器等操作
      // ...
    };
  }, []); // 传递一个空数组作为第二个参数，表示只在组件加载时执行一次
  // 组件的逻辑和状态
  return (
    <div>
      {/* 组件的内容 */}
    </div>
  );
}