react-if
constrenderData=(data)=>{
valcomputed=/*expensivecomputation*/
returnHereistheresult:{computed};
};
constFoo=({data})=>(
{()=>
renderData(data)
}
Nothingtoseehere
Nobears
this.props.bears.length}>
Emptybearsarray
//Displaybears
)
                            

自定義一個組件就好了
classContainerextendsReact.Component{
render(){
if(!this.props.condition){
returnnull;
}
returnthis.props.children;
}
}
Container.propTypes={
condition:ReactTypes.bool
};
使用
classUserextendsReact.Component{
render(){
return(
未登錄
已登錄
);
}
}