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

发布时间：2020-12-15 01:23:53 所属栏目：C语言来源：网络整理

导读：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

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，此时将需要的数据传给视图，正确展示到页面 */

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!