web前端全系列 教程
1839个小节阅读:2244k
目录
鸿蒙应用开发
C语言快速入门
JAVA全系列 教程
面向对象的程序设计语言
Python全系列 教程
Python3.x版本,未来主流的版本
人工智能 教程
顺势而为,AI创新未来
大厂算法 教程
算法,程序员自我提升必经之路
C++ 教程
一门通用计算机编程语言
微服务 教程
目前业界流行的框架组合
web前端全系列 教程
通向WEB技术世界的钥匙
大数据全系列 教程
站在云端操控万千数据
AIGC全能工具班
A A
White Night
与运算符&&
xxxxxxxxxx
const flag=true
return flag && <div>生存吧</div>
xxxxxxxxxx
const flag=true
return(
<div>
{flag && "生存吧"}
</div>
)
提示:
在 JavaScript 中,
true && expression
总是会返回expression
, 而false && expression
总是会返回false
。因此,如果条件是
true
,&&
右侧的元素就会被渲染,如果是false
,React 会忽略并跳过它。
使用null
如果返回null
,则React什么都不渲染
xxxxxxxxxx
const flag=true
return flag ?<div>生存吧</div> : null
实时效果反馈
1. 下列运行结果是:
xxxxxxxxxx
const flag = true
return <div>{ flag && "生存吧" }</div>
A 不渲染
B 报错
C 生存吧
D 毁灭吧
答案
1=>C