noSuspiciousSemicolonInJsx

JSX and TSX

摘要

¥Summary

规则生效日期：v1.6.0

¥Rule available since: v1.6.0
诊断类别：lint/suspicious/noSuspiciousSemicolonInJsx

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

¥This rule is recommended, which means is enabled by default.
此规则没有修复方案。

¥This rule doesn’t have a fix.
此规则的默认严重级别为 warning。

¥The default severity of this rule is warning.

如何配置

¥How to configure

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

描述

¥Description

它检测 JSX 元素内可能的 “wrong” 分号。

¥It detects possible “wrong” semicolons inside JSX elements.

在自闭合元素或闭合元素后出现的分号通常是由于重构出错而导致的拼写错误。

¥Semicolons that appear after a self-closing element or a closing element are usually the result of a typo of a refactor gone wrong.

示例

¥Examples

无效

¥Invalid

1
const Component = () => {
2
  return (
3
    <div>
4
      <div />;
5
    </div>
6
 );
7
}

code-block.jsx:4:14 lint/suspicious/noSuspiciousSemicolonInJsx ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ⚠ There is a suspicious semicolon in the JSX element.
  
    2 │   return (
    3 │     <div>
  > 4 │       <div />;
      │              ^
  > 5 │     </div>
      │     
    6 │  );
    7 │ }
  
  ℹ This is usually the result of a typo or some refactor gone wrong.
  
  ℹ Remove the semicolon, or move it inside a JSX element.

有效

¥Valid

1
const Component = () => {
2
  return (
3
    <div>
4
      <div />
5
      ;
6
    </div>
7
  );
8
}
9
const Component2 = () => {
10
  return (
11
    <div>
12
      <span>;</span>
13
    </div>
14
  );
15
}

noSuspiciousSemicolonInJsx

摘要

如何配置

描述

示例

无效

有效

相关链接