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()},[])