javascript - 解构扩展导入 ES6

Question

import {Component, ...actions} from '../MyModule';

似乎抛出了一个 linting 错误。为什么不能在 ES6 导入语句上“传播”？

Answer 1

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

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

这显然不是对象文字。

如果您需要一个可用于将导入作为属性引用的对象，您可以这样做

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

然后使用MyModule.<exportName>. 如果您的目标是专门获取一个包含所有导出值的对象，Component那么您总是可以在之后进行解构，例如

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