Skip to content
← Back to rules

react/jsx-props-no-spread-multi 正确性

An auto-fix is available for this rule.

它的作用

强制确保任何唯一表达式仅被展开一次。

为什么这是不好的?

通常,对同一表达式进行两次展开是一个错误的迹象,因为两次展开之间的任何属性都可能被覆盖,而其本意并非如此。 即使这种情况不存在,这也会导致不必要的计算被执行。

示例

此规则的 错误 代码示例:

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

此规则的 正确 代码示例:

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

如何使用

通过配置文件或 CLI 启用此规则,可以使用:

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

参考资料