&& 与 ||在React中的用法

在React开发中,我们经常会用到html的条件渲染,如使用三目运算来判断展示哪个html

利用&& 或者 || 运算符的短路写法可以实现更简的代码。

页面展示:



原理:

如:a == c && f 

当a==c为true时,才会执行f

注:

&&运算符只有两边同为true时,结果才为true,所以左边为true时,便会继续执行右边。 

若左边为false时结果注定为false,便不会继续执行右边。


如:a == c || f

当a==c为false时,才会执行f

注:

||运算符只要其中一个为true,结果就为true,所以左边为false时,仍会执行右边来判断是否为true.

若左边为true,则结果注定为true,便不会继续执行右边

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容