什么时候我应该在导入中使用括号

Question

我有两个文件，第一个是todoHelper。js

它有export const addTodo=（列表，项）=

稍后，我想在另一个文件中使用addTodo，我只需从'./todoHelper'导入{addTodo}

但我也看到人们在做默认导出，而不仅仅是导出。有什么区别？

Answer 1

使用带有导出的默认关键字，我们可以自由地使用别名导入

export default k // in file my.js

可以使用别名“b”导入

import b from 'my.js'

Answer 2

每个文件只能有一个导出默认值，因此当您导出默认值时，如

export default AddTodo = (list, item) => [...list, item]

你可以像这样导入它

import MyAddTodo from './todoHelpers'

因为babel知道您正在尝试访问默认组件，所以您可以在文件中以任何名称访问它

现在假设你知道

export const AddTodo = (list, item) => [...list, item]

您可以在文件中有多个这样的导出，如

js prettyprint-override">export const AddTodo = (list, item) => [...list, item]  
export const DeleteTodo = (list, item) => [...list, item]

当你导入时，你需要像这样分解它们

import {AddTodo, DeleteTodo} from './todoHelpers'

现在，由于您有多个这样的导出，因此如果您使用不同的名称（如if）访问，babel将不知道您要访问哪个组件

import {MyAddTodo, MyDeleteTodo} from './todoHelpers'

如果你想这样做，你将不得不导入他们，因为它是和他们改变他们的名字一样

import {AddTodo as MyAddTodo, DeleteTodo as MyDeleteTodo} from './todoHelpers'

因此，一般情况下，您将默认导出主组件和其他组件，作为正常导出，或者当您只有一个组件需要从文件中导出时，您可以选择您想要的任何组件，但一个好方法是将其导出为默认组件。