解构导入ES6的价差

Destructure Spread off Import ES6

本文关键字:ES6 导入      更新时间:2023-09-26
import {Component, ...actions} from '../MyModule';

似乎抛出了一个掉毛错误。有什么理由不能在 ES6 导入声明上"传播"吗?

ES6 导入语法不是解构的,就这么简单。语法以 { 开头,但其格式完全不同,并且在实现中处理它的方式也完全不同。例如,您可以使用

 import {Component as MyComponent} from './MyModule';

这显然不是对象文字。

如果需要一个可用于将导入作为属性引用的对象,则可以

 import * as MyModule from '../MyModule';

然后使用 MyModule.<exportName> .如果您的目标是专门获取包含所有导出值的对象,不包括Component那么您可以随时进行解构,例如

 const {Component, ...actions} = MyModule;