防止组件加载后显示警报`swal` (甜蜜警报)

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

const MyComponent = () => {
  const [showAlert, setShowAlert] = useState(false);

  useEffect(() => {
    // 模拟组件加载完成后的操作
    // 这里可以是异步请求数据、初始化等操作

    // 假设需要显示警报的条件是数据加载失败
    const dataLoadFailed = true;

    if (dataLoadFailed) {
      setShowAlert(true);
    }
  }, []);

  return (
    <div>
      {showAlert && (
        <div>
          {/* 这里可以根据需要自定义警报的样式和内容 */}
          <p>数据加载失败，请重试！</p>
        </div>
      )}
      {/* 组件的其他内容 */}
    </div>
  );
};

export default MyComponent;