react/jsx-no-duplicate-props 正确性

✅ 此规则默认已启用。

作用

此规则可防止 JSX 元素中出现重复的属性。

为什么这样做是错误的？

JSX 元素中出现重复的属性很可能是错误造成的。若创建具有重复属性的 JSX 元素，可能会导致应用程序出现意外行为。

示例

此规则不正确的代码示例

<App a a />;
<App foo={2} bar baz foo={3} />;

此规则正确的代码示例

<App a />;
<App bar baz foo={3} />;

参考

• 规则来源