在写 React 的时候,你是不是经常遇到这种尴尬:
组件里明明只想返回几行并列标签 , 结果被 React 要求"只能返回一个根节点", 最后只好外面再**硬套一层毫无语义的 <div>**:
go
return (
<div>
<h1>Hello</h1>
<p>Text...</p>
</div>
);
看起来好像没什么问题, 但当你套多了,就会发现:
-
DOM 结构被一堆"没必要的 div"撑得臃肿
-
布局用
flex/grid时容易多出一层容器,把样式搞乱 -
在
<table>里根本不能乱加div,还会报错