noSuspiciousSemicolonInJsx

诊断类别：lint/suspicious/noSuspiciousSemicolonInJsx

¥Diagnostic Category: lint/suspicious/noSuspiciousSemicolonInJsx

JavaScript (and super languages)

自从：v1.6.0

¥Since: v1.6.0

它检测 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

const Component = () => {
  return (
    <div>
      <div />;
    </div>
 );
}

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

const Component = () => {
  return (
    <div>
      <div />
      ;
    </div>
  );
}
const Component2 = () => {
  return (
    <div>
      <span>;</span>
    </div>
  );
}

noSuspiciousSemicolonInJsx

示例

无效

有效

相关链接