react 异步加载数据时渲染问题

前端之家收集整理的这篇文章主要介绍了react 异步加载数据时渲染问题前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
componeNTWillmouNT() {
	axios.get("http://127.0.0.1:8088/user/userlist").then(res => {
		this.setState({
			dataSource: res.data.data,
			haveData: true
		})
	})
}
render() {
	return (
		!this.state.haveData ? "loading" : ())
}

/* 注意下面这个三目运算符,执行到render时,state对象的haveData为false, 所以此时页面展示  loading,当异步获取数据成功时,haveData值为true, 此时又一次执行render,此时将需要的数据传给视图,正确展示到页面 */

猜你在找的程序笔记相关文章