网站建设歺金手指排名13,wordpress手机域名,惠州网站设计定制,便宜做网站怎么样在React中#xff0c;通常用于当条件为真是渲染某个元素#xff08;通常左侧是条件#xff09;#xff0c;否则不渲染任何内容。
注意#xff1a;0或者是空字符串会被视为真值#xff0c;也就是说当左侧是0或者是#xff…在React中通常用于当条件为真是渲染某个元素通常左侧是条件否则不渲染任何内容。
注意0或者是空字符串会被视为真值也就是说当左侧是0或者是会继续渲染右侧内容。可以使用!!显式转换为布尔值。
在React中||通常用于设置默认值或条件渲染优先级。
当变量可以为null或undefined时使用||提供默认值。
可以根据多个条件渲染不同的内容
注意0或者空字符串会被视为假值这样的话会直接跳过左侧返回右侧的值。
这种用法不免想起JavaScript中的逻辑与和逻辑或用法。
逻辑与运算符 在 JavaScript 中有一个特性如果左侧表达式为 真则返回右侧表达式如果左侧为 假则直接返回左侧结果。
逻辑或运算符 || 在 JavaScript 中的特性是如果左侧表达式为 假则返回右侧表达式如果左侧为 真则直接返回左侧结果。
说实话看到这两个感觉还是不太懂甚至有点绕怎么去理解它们呢
首先来看逻辑与
如果左侧是真那么真假由右侧来决定因为真真真真假假。
如果左侧是假那么这个表达式就一定为假也就是由左侧决定相当于返回左侧的表达式的值。
再来看看逻辑或
如果左侧是假那么真假由右侧决定也就是相当于返回右侧表达式的值。
如果左侧是真那么这个表达式一定是真也就是由左侧决定返回左侧的值。
再来回到React中
React不会渲染false。
在逻辑与中当左侧为真当右侧不是假的时候就是真就会渲染右侧内容
当左侧为假真个表达式为false就不会任何渲染。
在逻辑或中当左侧为假如果右侧不为假那么就会渲染右侧内容
当左侧为真整个表达式一定为真就渲染左侧的值不一定渲染出true如果左侧不是true只是一个普通的值就渲染那个普通的值
