&& 可以用于条件渲染

2018-11-24 本文已影响4人枫雪孤城

比如：

const conditionRender = () =>{
   if(condition){
       return <Component />
     }
}

可以改成：

const conditionRender = () =>{
   return {condition&&<Component />}
}

因为&&运算符的特性，当condition为true时需要检查&&后面那个表达式boolean值（true or false），那么Component就被渲染出来，而当conditon为false时，不在检查&&运算符后面表达式的boolean值,那么Component就被隐藏了