1：在调用FetchData这个方法返回的方法的时候，如果把它放进useEffect，会因为最开始状态是pending而报错，报错内容：uncatch：promise
2.在调用FetchData这个方法返回的方法的时候，如果就直接放在组件里面，但不是在useEffect里面调用，则不会因为状态最开始是pendding而报错，其次
在wrapPromise方法里面，result获取值是在then里面这个微任务获取的，之后我们就直接在组件里面去调用了const imageInfo = ImageData.read()，为什么状态成功后，会更新到read里面，我的理解是调用read 的时候应该是执行同步的任务才对，此时result应该是拿不到这个返回成功的值的
这是fetchData.ts：

import axios from "axios";
function wrapPromise(promise: Promise<any>) {
    let status = "pending";
    let result: any;
    const suspendor = promise.then((res) => {
        console.log('promise===>',res)
        status = "success"
        result = res
    }, (err) => {
        console.log('promise===>',err)
        status = "error"
        result = err
    })
    
    return {
        read(){
            if(status==="success"){
                console.log('success')
                return result
            }else if(status==="error"){
                console.log('error')
                throw result
            }else if(status==="pending"){
                console.log('pending')
                throw suspendor
            }
        }
    }
}

export function fetchData(url:string){
    let promise = axios.get(url).then(res=>{
        console.log(res.data)
        return res.data
    })
    return wrapPromise(promise)
}

这是用到fetchData的组件：

import React,{useEffect,useState} from "react";
import {fetchData} from '@/utils/fetchData'
let ImageData = fetchData("https://dog.ceo/api/breeds/image/random")
const ImageShow:React.FC=()=>{
    const [imgsrc,setImgsrc] = useState('')
    const imageInfo = ImageData.read()
        console.log(imageInfo)
    
    return (
        <div>
            <img src={imageInfo.message}/>
        </div>
    )
}

export default ImageShow

还请老师麻烦解答下我的疑惑