我在控制台中收到警告：“在导出为模块默认导入/无匿名默认导出之前将对象分配给变量。”
这来自我的 .js 函数，它默认导出几个函数。我不确定如何摆脱，同时仍然能够默认导出多个函数并按照下面的方式保持代码简单。
function init() {}
function log(error) {
console.error(error);
}
export default {
init,
log,
};
我可以将文件写为：
export default function init() {}
export function log(error) {
console.error(error);
}
是否有我需要更改的设置，我可以做些什么？
【问题讨论】：
标签： javascript reactjs compilation
它告诉你给被导出的对象一个名称在导出之前，使使用的名称更有可能在整个代码库中保持一致。例如，更改为：
function init() {}
function log(error) {
console.error(error);
}
const logger = {
init,
log,
};
export default logger;
（给它取一个在上下文中最有意义的名字——logger 只是一个例子）
但是如果你要导出多个东西，使用命名导出在我看来会更有意义。另一种选择是：
export function init() {}
export function log(error) {
console.error(error);
}
然后将它们导入为：
import { init, log } from './foo.js';
【讨论】：
myHttpLibrary 或MyHttpLibrary 或MyHTTPLibrary 等。无意的不一致是编程错误的常见原因。没什么大不了的，但这就是为什么有一个 lint 规则。
/formik/index.ts 导出。我们肯定知道它是一个 formik 包。或者 /some-folder/Formik.tsx - 我们再次知道它是一个 formik 包，因为我们导入它并且我们看到它的确切名称。如果我错了，请修复我。我只想了解这条规则的原因
/formik/index.ts 可能还不够 - import myFormikPackage？ import theIndexFormikPackage？ formik？ Formik？它应该是什么并不完全明显。除非文件名或（如果是index.js）文件夹名称总是与导出完全匹配，包括大写，那很好——这就是我在使用默认导出时所做的。但从风格的角度来看，这有点难以实施。不小心不一致并不难。这就是为什么我更喜欢命名导出的原因之一。
亚洲你的数据在一个变量中，然后导出为默认值。
//Example
const data = [
{
id: 1,
name: 'Bertie Yates',
age: 29,
image:
'https://res.cloudinary.com/diqqf3eq2/image/upload/v1595959131/person-2_ipcjws.jpg',
},
{
id: 3,
name: 'Larry Little',
age: 36,
image:
'https://res.cloudinary.com/diqqf3eq2/image/upload/v1586883423/person-4_t9nxjt.jpg',
},
{
id: 4,
name: 'Sean Walsh',
age: 34,
image:
'https://res.cloudinary.com/diqqf3eq2/image/upload/v1586883417/person-3_ipa0mj.jpg',
},
]
export default data
【讨论】：