javascript - 通过使用导出函数编写 javascript 解构得到 synatx 错误

Question

我有一个用于导出库的 index.ts 文件，但我收到如下错误消息，这里有什么问题？，我认为它应该可以工作。

// components
import List from './components/List'
import Item from './components/Item'
// containers
import ListStackConatiner from './containers/ListStackConatiner'

const components = {
  List,
  Item
}

const containers = {
  ListStackConatiner
}

export {
  ...components,
  ...containers
}

SyntaxError: /somepath/src/index.ts: Unexpected token (17:2)(line in ...components)

标签： javascriptreactjstypescriptobjectecmascript-6

Answer 1

您不能在本地命名导出中进行解构 -这个答案解释了原因。相反，您可以使用Object.assign：

export default Object.assign({}, components, containers);

您也可以解构为另一个变量，然后就是export：

var exportObj = {
    ...components,
    ...containers
};

export default {exportObj};