react/jsx-props-no-spread-multi 正确性
它的作用
强制确保任何唯一表达式仅被展开一次。
为什么这是不好的?
通常,对同一表达式进行两次展开是一个错误的迹象,因为两次展开之间的任何属性都可能被覆盖,而其本意并非如此。 即使这种情况不存在,这也会导致不必要的计算被执行。
示例
此规则的 错误 代码示例:
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