JSX 禁止无用片段

注意：此规则包含在以下规则集中：recommendedreactjsxfresh

在 deno.json 中启用完整集合

{
  "lint": {
    "rules": {
      "tags": ["recommended"] // ...or "react", "jsx", "fresh"
    }
  }
}

使用 Deno CLI 启用完整集合

deno lint --rules-tags=recommended
# or ...
deno lint --rules-tags=react
# or ...
deno lint --rules-tags=jsx
# or ...
deno lint --rules-tags=fresh

可以通过将此规则添加到deno.json文件中的include或exclude数组中，来明确地包含或排除当前标签中的规则。

{
  "lint": {
    "rules": {
      "include": ["jsx-no-useless-fragment"],
      "exclude": ["jsx-no-useless-fragment"]
    }
  }
}

片段（Fragments）只在 JSX “块”的顶部且仅当有多个子元素时才需要。在其他情况下则不需要片段。

无效示例

<></>
<><div /></>
<><App /></>
<p>foo <>bar</></p>

有效示例

<>{foo}</>
<><div /><div /></>
<>foo <div /></>
<p>foo bar</p>

您找到所需内容了吗？