← 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" />;

配置

此规则接受一个包含以下属性的配置对象：

ignore

type: string[]

默认值: []

要忽略的属性列表。

requireDataLowercase

type: boolean

默认值: false

要求 data-* 属性必须为小写，例如 data-foobar 而不是 data-fooBar。

如何使用

通过配置文件或命令行工具 启用 此规则，可以使用：

配置文件 (.oxlintrc.json)

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

命令行

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

参考资料

• 规则源码