deno.com

JSX 禁止 children 属性

注意:此规则包含在以下规则集中: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 中的 includeexclude 数组,可以显式地将其包含或排除在当前标签中的规则之外。
{
  "lint": {
    "rules": {
      "include": ["jsx-no-children-prop"],
      "exclude": ["jsx-no-children-prop"]
    }
  }
}

将子元素作为 JSX 子元素传递,而不是作为属性。

无效示例

<div children="foo" />
<div children={[<Foo />, <Bar />]} />

有效示例

<div>foo</div>
<div><Foo /><Bar /></div>

您找到所需内容了吗?

隐私政策