跳至内容

react/jsx-no-useless-fragment 繁琐

其作用

禁止不必要的片段。

为什么它不好?

当您需要将多个子节点分组而不向 DOM 树添加节点时,片段是一个有用的工具。但是,有时您最终会得到一个只有一个子节点的片段。当该子节点是元素、字符串或表达式时,无需使用片段。

示例

对于此规则,以下是错误代码示例

jsx
<>foo</>
<div><>foo</></div>

对于此规则,以下是正确代码示例

jsx
<>foo <div></div></>
<div>foo</div>

引用

根据 MIT 许可证发布。