← Back to rules

react/jsx-props-no-spread-multi 正しさ

🛠️ An auto-fix is available for this rule.

何を検査するか

一意の式は、一度だけ展開されるべきであることを強制します。

なぜ問題か

一般的に、同じ式を2回展開することはミスの兆候です。なぜなら、展開の間に属性が存在する場合、意図せず上書きされる可能性があるからです。 たとえそれが起こらないとしても、不要な計算が実行されることになります。

例

このルールに対して誤りなコードの例：

<App {...props} myAttr="1" {...props} />

このルールに対して正しいコードの例：

<App myAttr="1" {...props} />
<App {...props} myAttr="1" />

使い方

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

Config (.oxlintrc.json)

{
  "plugins": ["react"],
  "rules": {
    "react/jsx-props-no-spread-multi": "error"
  }
}

CLI

oxlint --deny react/jsx-props-no-spread-multi --react-plugin

参照

• ルールのソース