条件判定
判定渲染与否
只有显示与不显示两种情况
// App.js
var show=false;
function App() {
// show==true显示，否则不显示
return (
<div>
{ show && <div>根据show的变量判断是否显示</div> }
</div>
);
}
export default App;三元表达式
在条件为true显示A，条件为false显示B
// App.js
var loading=0;
function getContent(){
if(loading==0){
return <div>1</div>;
}else if(loading==1){
return <div>2</div>;
}else if(loading==1){
return <div>3</div>;
}else{
return <div>其它</div>;
}
}
function App() {
// show==true显示，否则不显示
return (
<div>
{ getContent() }
</div>
);
}
export default App;