如何导出和解构一个对象？

Question

我有减速键

const foo = {
    ADD: 1,
    REDO: 2,
    UNDO: 3,
}

我想导出它，但在导入时，我应该可以做到

import MyComponent, { ADD, REDO } from '../bar'

唯一的问题是我已经导出了另一个东西

这是我的代码的样子

export default Component
export { Bar, ...foo} // can't do this, gives me syntax error

Answer 1

export { Bar, ...foo} // can't do this, gives me syntax error

是的，这是语法错误。导出需要名称，因此您必须执行以下操作：

export Bar;
export foo;

但这需要您导入 foo:

import { foo } from '../bar'

如果要导入 ADD、REDO 等，它们必须是自己命名的对象：

export const ADD = 1;
export const REDO = 2;
export const UNDO = 3;

How to export and destructure an object?