Как экспортировать и деструктурировать объект?

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} // не может этого сделать, выдает синтаксическую ошибку

Да, это синтаксическая ошибка. Для экспорта нужны имена, поэтому вы должны сделать что-то вроде следующего:

export Bar;
export foo;

Но для этого необходимо импортировать foo:

import { foo } from '../bar'

Если вы хотите импортировать ADD, REDO et c они должны быть своими именованными объектами:

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