noVoidElementsWithChildren

JSX and TSX

摘要

¥Summary

规则生效日期：v1.0.0

¥Rule available since: v1.0.0
诊断类别：lint/correctness/noVoidElementsWithChildren

¥Diagnostic Category: lint/correctness/noVoidElementsWithChildren
此规则为推荐规则，默认启用。

¥This rule is recommended, which means is enabled by default.
此规则包含 unsafe 修复程序。

¥This rule has an unsafe fix.
此规则的默认严重级别为 error。

¥The default severity of this rule is error.
来源：

¥Sources:
- 与 react/void-dom-elements-no-children 相同
  
  ¥Same as react/void-dom-elements-no-children

如何配置

¥How to configure

1
{
2
  "linter": {
3
    "rules": {
4
      "correctness": {
5
        "noVoidElementsWithChildren": "error"
6
      }
7
    }
8
  }
9
}

描述

¥Description

此规则防止空元素（又称自关闭元素）有子元素。

¥This rules prevents void elements (AKA self-closing elements) from having children.

示例

¥Examples

无效

¥Invalid

1
<br>invalid child</br>

code-block.jsx:1:1 lint/correctness/noVoidElementsWithChildren  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ✖ br is a void element tag and must not have children.
  
  > 1 │ <br>invalid child</br>
      │ ^^^^^^^^^^^^^^^^^^^^^^
    2 │ 
  
  ℹ Unsafe fix: Remove the children.
  
    1 │ <br>invalid·child</br>
      │    --------------- --

1
<img alt="some text" children={"some child"} />

code-block.jsx:1:1 lint/correctness/noVoidElementsWithChildren  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ✖ img is a void element tag and must not have children.
  
  > 1 │ <img alt=“some text” children={“some child”} />
      │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
    2 │ 
  
  ℹ Unsafe fix: Remove the children.
  
    1 │ <img·alt=“some·text”·children={“some·child”}·/>
      │                      ------------------------

1
React.createElement('img', {}, 'child')

code-block.js:1:1 lint/correctness/noVoidElementsWithChildren  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ✖ img is a void element tag and must not have children.
  
  > 1 │ React.createElement(‘img’, {}, ‘child’)
      │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
    2 │ 
  
  ℹ Unsafe fix: Remove the children.
  
    1 │ React.createElement(‘img’,·{},·‘child’)
      │                                -------

noVoidElementsWithChildren

摘要

如何配置

描述

示例

无效

相关链接