跳至内容

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

此规则默认开启。
🛠️ 此规则允许自动修复。

用途

强制执行唯一个性化表达式仅扩展一次。

原因

一般而言,同一个表达式扩展两次是错误的指示,因为两个扩展之间的任何属性可能会被覆盖,而这并非本意。即使不是这种情况,也会导致执行不必要的计算。

示例

本规则错误代码示例

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

本规则正确代码示例

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

参考

根据 MIT 许可证发布。