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