useeffect发起请求，以及内部使用 async和await

一定要执行一次

具名函数+函数执行

useEffect(() => {  
    async function fetchData() {  
      try {  
        const response = await fetch('https://api.example.com/data');  
        const data = await response.json();  
        // 处理获取到的数据  
        console.log(data);  
      } catch (error) {  
        // 处理请求错误  
        console.error('Error:', error);  
      }  
    }  
  
    fetchData();  
  }, []); // 空数组表示这个effect仅在组件挂载时运行一次  

使用匿名自执行函数，来在内部使用 async和await

  useEffect(() => {
     (async () => {
      const res = await request2({
        method: 'GET',
        url: `/data/warning/backlog/detail`,
        params: { id: infoId },
      });
      
      setDetail(res.data);
    })()
  }, [infoId]);