为了账号安全,请及时绑定邮箱和手机立即绑定

react第一次渲染时,页面数据如何处理?

/ 猿问

react第一次渲染时,页面数据如何处理?

繁花不似锦 2019-05-25 18:04:12
问题如下:
第一次进入到页面的时候,因为需要去fetch数据,所以会在没数据的情况下有一次渲染,等fetch成功后,会再一次进行渲染。
怎么解决第一次进入页面没数据的情况下,页面渲染时不报错
                    
查看完整描述

2 回答

?
慕少0579507
constructor(){
this.state={
isLoading=true,
data:[]
}
}
render(){
return(
{
this.state.isLoading
?
:
}
)
}
加个loading的状态.
                            
查看完整回答
反对 回复 2019-05-25
?
慕工程0101907
思路是条件渲染,设置一个判断条件,条件值不同,渲染的组件不同,下面是官网的一个例子
classLoginControlextendsReact.Component{
constructor(props){
super(props);
this.handleLoginClick=this.handleLoginClick.bind(this);
this.handleLogoutClick=this.handleLogoutClick.bind(this);
this.state={isLoggedIn:false};
}
handleLoginClick(){
this.setState({isLoggedIn:true});
}
handleLogoutClick(){
this.setState({isLoggedIn:false});
}
render(){
constisLoggedIn=this.state.isLoggedIn;
letbutton=null;
if(isLoggedIn){
button=;
}else{
button=;
}
return(
{button}
);
}
}
ReactDOM.render(
,
document.getElementById('root')
);
参考:https://facebook.github.io/re...
                            
查看完整回答
反对 回复 2019-05-25

添加回答

回复

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信