15.React 中的 Fragment 是什么?它出现的动机是什么?

在写 React 的时候,你是不是经常遇到这种尴尬:

组件里明明只想返回几行并列标签 , 结果被 React 要求"只能返回一个根节点", 最后只好外面再**硬套一层毫无语义的 <div>**:

go 复制代码
return (
  <div>
    <h1>Hello</h1>
    <p>Text...</p>
  </div>
);

看起来好像没什么问题, 但当你套多了,就会发现:

  • DOM 结构被一堆"没必要的 div"撑得臃肿

  • 布局用 flex / grid 时容易多出一层容器,把样式搞乱

  • <table> 里根本不能乱加 div,还会报错

相关推荐
徐小夕19 小时前
100小时,我做了一款AI CAD建模软件,开源!
前端·vue.js·github
Bigger19 小时前
因为看不懂小棉袄的画,我写了个 AI 程序帮我“翻译”她的世界
前端·人工智能·ai编程
送鱼的老默20 小时前
学习笔记--入门typescript直接案例开搞
前端·typescript
Prometheus20 小时前
从 XMLHttpRequest 到 fetch、ReadableStream、SSE、EventSource:前端流式通信完整梳理
前端
光影少年20 小时前
useEffect 完整理解:依赖数组、副作用清理、模拟生命周期
前端·react.js·程序员
之歆21 小时前
DAY_18深度解析:数据类型转换与运算符全攻略(上)
前端·javascript
大家的林语冰21 小时前
pnpm 11 发布,弃用 JSON 和 npm CLI,进化为纯 ES6 模块,新增 pnpm pack-app 等命令,供应链保护默认启用,要求 Node
前端·javascript·node.js
漓漾li21 小时前
每日面试题-前端2
前端·react.js·面试
Alice-YUE21 小时前
深入解析 JS 事件循环:浏览器与 Node.js 的差异全解析
前端·javascript·笔记·学习
HYCS21 小时前
用pixijs实现fabricjs(二):对象的基础位置信息
前端·javascript·canvas