当您想更改默认导入的名称时，如何修复 import/no-named-as-default ESlint 规则？

Question

我收到来自 ESlint 导入插件的以下警告：

eslint - import/no-named-as-default：使用默认导入语法导入 clearRegister。

import { default as clearRegister } from "./utils/form/clearForm";

这里我使用default as将我的默认导入 function 重命名为 clearRegister。 这种重命名很有魅力。

//clearForm.js
export default function clearForm() {
 ...
}

我该如何解决这个警告？

Answer 1

当您默认导出时，您可以使用任何您想要的方式导入它，例如

import blah from "./utils/form/clearForm";

Answer 2

// Invalid
import { default as clearRegister } from "./utils/form/clearForm";

// Valid
import clearFormfrom "./utils/form/clearForm";