umi-dev-react-typescript-hooks+antd pro解决请求无线循环问题

1,钩子函数无限循环在数据加载的时候,如果是使用了async await 执行,在设置到
useState状态中的时候也要加上await ,如果不加上await的话,加载的时候执行顺序会打乱,useeffect 会监测到新的数据,而再次重复加载

正确写法

1,设置类型

interface Item {
    id: number;userName: string;passWord: string;zgEmail: string;telephone: string;address: string;
}

2,设置状态

const [data, setData] = useState<Item[]>([]);

3,userList() 获取的是antd pro统一api处理中心设置请求,引入的

 useEffect(()=>{
    async function userLists(){
    const users = await userList();await setData(users)//console.log(users)}userLists()},[])