web前端全系列 教程
1839个小节阅读:2243.2k
目录
鸿蒙应用开发
C语言快速入门
JAVA全系列 教程
面向对象的程序设计语言
Python全系列 教程
Python3.x版本,未来主流的版本
人工智能 教程
顺势而为,AI创新未来
大厂算法 教程
算法,程序员自我提升必经之路
C++ 教程
一门通用计算机编程语言
微服务 教程
目前业界流行的框架组合
web前端全系列 教程
通向WEB技术世界的钥匙
大数据全系列 教程
站在云端操控万千数据
AIGC全能工具班
A A
White Night
场景一:
xxxxxxxxxx
render() {
return (
<p></p>
<p></p>
)
}
提示:
react当中,组件的界面只能有一个根标签。
场景二:
xxxxxxxxxx
render() {
return (
// 最外层的这个div可能根本不需要,不想让它渲染到页面上
<div>
<p></p>
<p></p>
</div>
)
}
Fragments
允许你将子元素包裹在一起,而无需向 DOM 添加额外节点。xxxxxxxxxx
render() {
return (
<React.Fragment>
<p></p>
<p></p>
</React.Fragment>
)
}
最终页面渲染结果:
Fragments
短语法
使用<></>
代替<React.Fragment></React.Fragment>
xxxxxxxxxx
render() {
return (
<>
<p></p>
<p></p>
</>
)
}
提示:
因为Fragments最终不会被渲染为DOM,所以不要在Framents上面绑定事件或者设置一些其它属性,目前只支持设置key属性。
实时效果反馈
1. 下面关于Fragments说法错误的是:
A Fragments中间可以嵌套其它元素
B 其它元素中间可以嵌套Framents元素
C Fragments最终会被渲染为DOM
D Fragments不会被渲染为DOM
答案
1=>C