← Back to rules

react/no-unescaped-entities 細かい

An auto-fix is available for this rule.

何を行うか

このルールは、意図して JSX エスケープ文字として使用するはずの文字が、誤って JSX 文の中でテキストノードとして挿入されてしまうことを防ぎます。

なぜ問題か

JSX エスケープ文字は、通常コードとして解釈されるべき文字を、意図的にコードに埋め込むために使用されます。

例

不正な例

<div> > </div>

正しい例

<div> &gt; </div>

<div> {">"} </div>

利用方法

設定ファイルまたは CLI でこのルールを 有効化 するには、以下の通りです：

設定 (.oxlintrc.json)

{
  "plugins": ["react"],
  "rules": {
    "react/no-unescaped-entities": "error"
  }
}

CLI

oxlint --deny react/no-unescaped-entities --react-plugin

参照

• ルールのソース