JSX 空 DOM 元素禁止子节点
注意：此规则包含在以下规则集中：
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-void-dom-elements-no-children"],
"exclude": ["jsx-void-dom-elements-no-children"]
}
}
}确保 HTML 中的空元素不包含任何子元素，因为这不是有效的 HTML。有关更多信息，请参见 MDN 上关于 空元素 的文章。
无效示例
<br>foo</br>
<img src="a.jpg">foo</img>
有效示例
<br />
<img src="a.jpg" />