javascript - 如何摆脱 React 中的 import/no-anonymous-default-export 警告？

Question

我在控制台中收到警告:“在导出为模块默认导入/no-anonymous-default-export 之前将对象分配给变量。”
这来自我的 .js 函数，它默认导出多个函数。我不知道如何摆脱，同时仍然能够默认导出几个函数并保持代码简单，如下所示。

function init() {}

function log(error) {
  console.error(error);
}

export default {
  init,
  log,
};
 

我可以将文件写为:

export default function init() {}

export function log(error) {
  console.error(error);
}

是否有我需要更改的设置，我可以做些什么？

Answer 1

它告诉您在导出之前给要导出的对象一个名称，以使所使用的名称更有可能在整个代码库中保持一致。例如，更改为:

function init() {}

function log(error) {
  console.error(error);
}

const logger = {
  init,
  log,
};
export default logger;

(给它起任何在上下文中最有意义的名字 - logger 只是一个例子)
但是如果你要导出多个东西，使用命名导出会更有意义 IMO。另一种选择是:

export function init() {}

export function log(error) {
  console.error(error);
}

然后将它们导入为:

import { init, log } from './foo.js';