如何在这里创建ES6 Export+Import对象？
如何在这里创建ES6 Export+Import对象？
提问于 2019-02-04 08:48:36
我是一个ES6+新手，我目前正在构建一个React应用程序，但我遇到了一个问题--我试图导入2个对象，但没有做到。我尝试了各种事情，得到了错误，当我在一次尝试中没有得到错误时，我尝试.toString()一个对象属性的值，并得到一个undefined错误。
这是文件结构(忽略不相关的文件)：
src
├── index.js
└── style
└── colors.js其中colors.js是：
const primaryColor = {
900: "#001a8f",
800: "#002EA2",
700: "#1238ae",
600: "#1238ae",
500: "#274ac4",
400: "#4e66cd",
300: "#7081d6",
200: "#9aa5e2",
100: "#c3c8ed",
50: "#e7e9f8"
};
primaryColor['main'] = primaryColor[800];
const secondaryColor = {
900: "#3c3c3c",
800: "#606060",
700: "#818181",
600: "#979797",
500: "#c2c2c2",
400: "#dedede",
300: "#f0f0f0",
200: "#f5f5f5",
100: "#fafafa",
50: "#FFFFFF"
};
secondaryColor['main'] = secondaryColor[50];我不知道export怎么会在这里。
在index.js I中，我想要import，primaryColor和secondaryColor。
出口和进口它们的正确/可能的方法是什么？我以为我知道怎么出口和进口，但由于我的错误，我不知道我做错了什么。
回答 3
Stack Overflow用户
回答已采纳
发布于 2019-02-04 09:11:20
export const primaryColor = {
900: "#001a8f",
800: "#002EA2",
700: "#1238ae",
600: "#1238ae",
500: "#274ac4",
400: "#4e66cd",
300: "#7081d6",
200: "#9aa5e2",
100: "#c3c8ed",
50: "#e7e9f8"
};
primaryColor['main'] = primaryColor[800];
export const secondaryColor = {
900: "#3c3c3c",
800: "#606060",
700: "#818181",
600: "#979797",
500: "#c2c2c2",
400: "#dedede",
300: "#f0f0f0",
200: "#f5f5f5",
100: "#fafafa",
50: "#FFFFFF"
};
secondaryColor['main'] = secondaryColor[50];以及如下所示的导入
import { primaryColor, seondaryColor } from './style/colors.js'Stack Overflow用户
发布于 2019-02-04 08:54:04
Stack Overflow用户
发布于 2019-02-04 09:20:41
在colors.js文件中，执行以下操作
const primaryColor = {
900: "#001a8f",
800: "#002EA2",
700: "#1238ae",
600: "#1238ae",
500: "#274ac4",
400: "#4e66cd",
300: "#7081d6",
200: "#9aa5e2",
100: "#c3c8ed",
50: "#e7e9f8"
};
primaryColor['main'] = primaryColor[800];
const secondaryColor = {
900: "#3c3c3c",
800: "#606060",
700: "#818181",
600: "#979797",
500: "#c2c2c2",
400: "#dedede",
300: "#f0f0f0",
200: "#f5f5f5",
100: "#fafafa",
50: "#FFFFFF"
};
secondaryColor['main'] = secondaryColor[50];
export { primaryColor, secondaryColor };在您的index.js中，可以这样使用：
import { primaryColor, secondaryColor } from './style/colors.js';
...
primaryColorMain = primaryColor['main'];
secondaryColorMain = secondaryColor['main'];希望这能有所帮助！
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/54512661
复制相关文章
相似问题
腾讯云开发者
