← Back to rules

react/no-unknown-property 制限

An auto-fix is available for this rule.

何を行うか

未知の DOM プロパティの使用を禁止します。

なぜ問題なのか

DOM プロパティは、特定の HTML 要素に対して有効な場合にのみ使用すべきです。

例

このルールに対する誤りの例：

// 知られざるプロパティ
const Hello = <div class="hello">Hello World</div>;
const Alphabet = <div abc="something">Alphabet</div>;

// 無効な aria-* 属性
const IconButton = <div aria-foo="bar" />;

このルールに対する正しい例：

// 知られざるプロパティ
const Hello = <div className="hello">Hello World</div>;
const Alphabet = <div>Alphabet</div>;

// 無効な aria-* 属性
const IconButton = <div aria-label="bar" />;

設定

このルールは以下のプロパティを持つ設定オブジェクトを受け入れます。

忽略

type: string[]

default: []

無視するプロパティのリスト。

requireDataLowercase

type: boolean

default: false

data-* 属性が小文字であることを要求する。たとえば data-foobar を data-fooBar の代わりに使用すること。

使用方法

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

設定 (.oxlintrc.json)

{
  "plugins": ["react"],
  "rules": {
    "react/no-unknown-property": "error"
  }
}

CLI

oxlint --deny react/no-unknown-property --react-plugin

参照

• ルールのソース