← Back to rules

react/jsx-fragments 风格

An auto-fix is available for this rule.

它的作用

强制使用 React Fragment 的简写形式或标准形式。

为什么这是个问题？

使代码中使用 Fragment 的方式保持一致。

配置

此规则接受以下字符串值之一：

"syntax"

这是默认模式。它将强制使用 React Fragment 的简写语法，有一个例外。 简写语法不支持键（keys）或属性（attributes），因此该规则不会对使用这些特性的标准形式的 Fragment 发出警告。

此规则的错误示例：

<React.Fragment>
  <Foo />
</React.Fragment>

此规则的正确示例：

<>
  <Foo />
</>

<React.Fragment key="key">
  <Foo />
</React.Fragment>

"element"

此模式强制使用 React Fragment 的标准形式。

此规则的错误示例：

<>
  <Foo />
</>

此规则的正确示例：

<React.Fragment>
  <Foo />
</React.Fragment>

<React.Fragment key="key">
  <Foo />
</React.Fragment>

如何使用

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

配置文件 (.oxlintrc.json)

{
  "plugins": ["react"],
  "rules": {
    "react/jsx-fragments": "error"
  }
}

CLI

oxlint --deny react/jsx-fragments --react-plugin

参考资料

• 规则源码