Skip to content
← Back to rules

react/jsx-no-undef 正しさ

何をしますか?

JSX 内で宣言されていない変数を使用しないように制限します。

このルールは、TypeScript を使用している場合、基本的に不要であることに注意してください。TypeScript が自動的に未宣言の変数を検出するためです。

なぜ悪いですか?

変数名やパラメータ名のスペルミスによって、潜在的な ReferenceError が発生する可能性が高いです。

このルールに違反する不適切なコードの例:

jsx
const A = () => <App />;
const C = <B />;

使い方

設定ファイルまたは CLI でこのルールを有効化するには、次のように使用できます:

json
{
  "plugins": ["react"],
  "rules": {
    "react/jsx-no-undef": "error"
  }
}
bash
oxlint --deny react/jsx-no-undef --react-plugin

参照