import/no-named-as-default 可疑
功能說明
當預設匯出的名稱被用作本地匯入的名稱時,會發出警告。當匯入的預設匯出被賦予與同一模組的具名匯出衝突的名稱時,就會發生這種情況。
為什麼這是不好的?
將具名匯出的識別符用於預設匯出可能會導致混淆,並且難以理解匯入的確切值。它也會降低程式碼的清晰度,使其他開發人員更難理解預期的匯入。
範例
假設
javascript
// foo.js
export default "foo";
export const bar = "baz";
此規則的不正確程式碼範例
javascript
// Invalid: using exported name 'bar' as the identifier for default export.
import bar from "./foo.js";
此規則的正確程式碼範例
javascript
// Valid: correctly importing default export with a non-conflicting name.
import foo from "./foo.js";