← Back to rules

react/jsx-no-useless-fragment 严格

An auto-fix is available for this rule.

它的作用

禁止不必要的片段。

为什么这是个问题？

当需要组合多个子元素但又不想在 DOM 树中添加额外节点时，片段是一个有用的工具。然而，有时你可能会遇到只有一个子元素的片段。当这个子元素是元素、字符串或表达式时，使用片段并不必要。

示例

此规则的 错误 代码示例：

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

此规则的 正确 代码示例：

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

配置

此规则接受一个配置对象，包含以下属性：

allowExpressions

type: boolean

default: false

允许单个表达式子元素的片段。

如何使用

通过配置文件或 CLI 启用此规则，可以使用：

配置文件 (.oxlintrc.json)

{
  "plugins": ["react"],
  "rules": {
    "react/jsx-no-useless-fragment": "error"
  }
}

CLI

oxlint --deny react/jsx-no-useless-fragment --react-plugin

参考资料

• 规则源码