javascript - ES6 解构

Question

我有一个与此类似的文件:

const COLORS = {
  PRIMARY_COLOR: 'red',
  SECONDARY_COLOR: 'green'
};

const APP = {
  APP_COLOR: GRAY_DARK,
  APP_FONT_SIZE: FONT_SIZE_NORMAL,
  APP_FONT_WEIGHT: FONT_WEIGHT_NORMAL,
  APP_SEPARATOR_COLOR: GRAY_LIGHT
};

export default {
  ...COLORS,
  ...APP
};

问题是当我尝试从另一个文件解构该对象时，我得到未定义的值？

import theme, { PRIMARY_COLOR } from '../../../themes/default';

打印主题对象效果很好但打印 PRIMARY_COLOR 未定义

有什么帮助吗？

Answer 1

导入中的 {} 语法用于“命名”导入，而不是解构。

只需这样做:

import theme from '../../../themes/default';

const { PRIMARY_COLOR } = theme;