Reactjs 命名导出/未命名导出

我目前在这里学习本教程，该教程使用：

import { AUTH_TOKEN } from '../constants'

当我循序渐进地学习教程时，我必须使用

import AUTH_TOKEN from '../constants'

My constants.js如下所示：

export const AUTH_TOKEN = "auth-token";

export default const AUTH_TOKEN = "auth-token";

import AUTH_TOKEN from '../constants'

我很难理解为什么我的React.js应用程序的行为正好相反

import { AUTH_TOKEN } from '../constants'    
export const AUTH_TOKEN = "auth-token";

这意味着要导出多个。。 但是如果您像这样更改代码：

export const AUTH_TOKEN = "auth-token";

export default const AUTH_TOKEN = "auth-token";

import AUTH_TOKEN from '../constants'

因此，您可以按如下方式进行导入：

export const AUTH_TOKEN = "auth-token";

export default const AUTH_TOKEN = "auth-token";

import AUTH_TOKEN from '../constants'

---

以下是命名导入和命名导出

import { AUTH_TOKEN } from '../constants' // importing in file A
export const AUTH_TOKEN = "tokenValue"    // exporting from file B

在上面的方法中，您使用{}和相同的名称进行导入和导出

import  MY_AUTH_TOKEN  from '../constants' // importing in file A
export default const AUTH_TOKEN = "tokenValue" exporting from file B

在上面的方法中，您不使用{}，名称也不重要

---

找到有助于进一步理解该概念的方法。

从导入身份验证令牌用于默认导出
export const AUTH_TOKEN
不是默认的导出，因此使用了
import{AUTH_TOKEN}from
。这是否回答了您的问题？使用
{AUTH_TOKEN}
时，您会看到什么错误？