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

✅ 這個規則預設為開啟。

🛠️ 這個規則有自動修正功能。

這個規則的作用

強制任何獨特的表達式只能展開一次。

為什麼這不好？

通常，將相同的表達式展開兩次是錯誤的跡象，因為展開之間的任何屬性都可能會被覆蓋，而這並非本意。即使不是這種情況，也會導致執行不必要的計算。

範例

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

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

此規則的正確程式碼範例

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

參考資料

• 規則來源