美文网首页
&& 可以用于条件渲染

&& 可以用于条件渲染

作者: 枫雪孤城 | 来源:发表于2018-11-24 11:10 被阅读4次

比如:

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

可以改成:

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

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

参考自:http://www.cnblogs.com/penghuwan/p/6541676.html

相关文章

网友评论

      本文标题:&& 可以用于条件渲染

      本文链接:https://www.haomeiwen.com/subject/zikeqqtx.html