react如何不再使用三目运算十分感谢

Question

之前看了篇文章说react使用一个库就可以不再使用三目运算了，但是现在忘了怎么写的了

Answer 1

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

Answer 2

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