跳至內容

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

此規則預設為開啟。

此規則的作用

此規則會防止 JSX 元素中出現重複的 props。

為何這是不好的?

在 JSX 元素中擁有重複的 props 很可能是一個錯誤。建立具有重複 props 的 JSX 元素可能會導致應用程式中出現非預期的行為。

範例

此規則的 不正確 程式碼範例

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

此規則的 正確 程式碼範例

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

參考資料

以 MIT 授權發布。