命名导出/未命名导出

Question

我目前在这里遵循这个教程，它使用：

import { AUTH_TOKEN } from '../constants'

虽然我一步一步地遵循了教程，但我必须使用

import AUTH_TOKEN from '../constants'

我的constants.js看起来像这样：

export const AUTH_TOKEN = "auth-token";

我很难理解为什么我的React.js应用程序的行为与之相反。

Answer 1

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

这意味着有多个要导出的..但是如果你像这样修改代码：

export default const AUTH_TOKEN = "auth-token";

因此，您可以像这样创建导入：

import AUTH_TOKEN from '../constants'

Answer 2

下面称为命名导入和命名导出

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

在上面的方法中，你没有使用{}，名字也无关紧要。

找到更好的read来进一步理解这个概念。