如何导入默认导出的常量

Question

我的项目代码中有一行是这样的，

const variableName = { ... }

export default variableName

首先variableName写对了吗？它不应该是

export const variableName = { ... } // import { variableName } from './file'

或

export default variableName = { ... } // import variableName from './file'

将其导入另一个文件的正确方法是什么？

import { variableName } from 'file'

或

import variableName from './file'

PS - 我也看过 , blogs 但他们没有谈论将 const 变量导出为默认值。

Answer 1

这些都是正确的导出方式。

如果默认导出：

import myComponent from '...'

如果它是命名导出 (export x;)

import {x} from '...';
// OR
import {x as y} from '...';
console.log(y);

export const x = /* ... */; 只是 shorthand for

const x = /* ... */;
export x;

此 shorthand 不可用于默认导出，您不能写入：

export default const x = {};

How to import a const exported as a default