解构传播 Import ES6

Question

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

似乎抛出了 linting 错误。为什么你不能在 ES6 导入语句中 "spread"？

Answer 1

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

重命名导入

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

这显然不是对象字面量。

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

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

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

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

Destructure Spread off Import ES6