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

Question

I have the following warning from ESlint import plugin:

eslint - import/no-named-as-default: use default import syntax to import clearRegister.

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

Here I am using default as to rename my default imported function to clearRegister. This renaming works as a charm.

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

How can I fix this warning?

Answer 1

when you export in default, you can import it with whatever you want for example

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

Answer 2

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

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

Check here: https://github.com/import-js/eslint-plugin-import/blob/main/docs/rules/no-named-as-default.md