React中将async 同步调用接口变成异步调用

  useEffect(async () => {
    const fn1 = (() => {
      return new Promise(resolve => {
        const msg = '11';
        setTimeout(() => {
          console.log(msg, '11');
          resolve(msg)
        }, 2000);
      }).then(res => {
        return res
      })
    })()
    const fn2 = (() => {
      return new Promise(resolve => {
        const msg = '22';
        console.log(msg, '22');

        resolve(msg)
      }).then(res => {
        return res
      })
    })()
    const data1 = await fn1;
    const data2 = await fn2;
    console.log(data1, data2, 'data1');
  }, [])