noReactSpecificProps

JavaScript (and super languages)

摘要

¥Summary

规则生效日期：v1.7.2

¥Rule available since: v1.7.2
诊断类别：lint/suspicious/noReactSpecificProps

¥Diagnostic Category: lint/suspicious/noReactSpecificProps
此规则包含 safe 修复程序。

¥This rule has a safe fix.
此规则的默认严重级别为 warning。

¥The default severity of this rule is warning.
此规则属于以下域：

¥This rule belongs to the following domains:
- solid
- qwik
来源：

¥Sources:
- 与 solid/no-react-specific-props 相同
  
  ¥Same as solid/no-react-specific-props
- 与 qwik/no-react-props 相同
  
  ¥Same as qwik/no-react-props

如何配置

¥How to configure

1
{
2
  "linter": {
3
    "rules": {
4
      "suspicious": {
5
        "noReactSpecificProps": "error"
6
      }
7
    }
8
  }
9
}

描述

¥Description

防止使用 React 特定的 JSX 属性。

¥Prevents React-specific JSX properties from being used.

此规则适用于不使用 React 风格 prop 名称的基于 JSX 的框架（例如 Qwik、Solid 等）。

¥This rule is intended for use in JSX-based frameworks (such as Qwik, Solid, etc.) that do not use React-style prop names.

示例

¥Examples

无效

¥Invalid

1
<Hello className="John" />

code-block.jsx:1:8 lint/suspicious/noReactSpecificProps  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ⚠ This JSX attribute is specific to React.
  
  > 1 │ <Hello className=“John” />
      │        ^^^^^^^^^
    2 │ 
  
  ℹ This attribute may not be supported by non-React frameworks, as it is not native to HTML.
  
  > 1 │ <Hello className=“John” />
      │        ^^^^^^^^^
    2 │ 
  
  ℹ Safe fix: Replace this attribute name with “class”
  
    1   │ - <Hello·className=“John”·/>
      1 │ + <Hello·class=“John”·/>
    2 2 │

有效

¥Valid

1
<Hello class="Doe" />

noReactSpecificProps

摘要

如何配置

描述

示例

无效

有效

相关链接