JSX 禁止 children 属性
注意:此规则包含在以下规则集中:
recommended
react
jsx
fresh
在
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-children-prop"], "exclude": ["jsx-no-children-prop"] } } }
将子元素作为 JSX 子元素传递,而不是作为属性。
无效示例
<div children="foo" />
<div children={[<Foo />, <Bar />]} />
有效示例
<div>foo</div>
<div><Foo /><Bar /></div>