比如:
const conditionRender = () =>{
if(condition){
return <Component />
}
}
可以改成:
const conditionRender = () =>{
return {condition&&<Component />}
}
因为&&运算符的特性,当condition为true时需要检查&&后面那个表达式boolean值(true or false),那么Component就被渲染出来,而当conditon为false时,不在检查&&运算符后面表达式的boolean值,那么Component就被隐藏了
网友评论