ES6 |Как экспортировать + импортировать объекты здесь? - PullRequest
Новая
       12

ES6 |Как экспортировать + импортировать объекты здесь?

0 голосов
/ 04 февраля 2019

Я новичок в 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 я хочу import и primaryColor и secondaryColor.

Каковы правильные / возможные способы их экспорта и импорта?Я думал, что знаю, как экспортировать и импортировать, но из-за ошибок, которые я получил, я не уверен, что сделал неправильно.

Ответы [ 3 ]

0 голосов
/ 04 февраля 2019 
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'
0 голосов
/ 04 февраля 2019

В вашем файле 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'];

Надеюсь, это поможет!

0 голосов
/ 04 февраля 2019

Вы можете экспортировать из colors.js файла вот так 

export default { primaryColor, seondaryColor };

И импортировать его из index.js файла вот так: 

import { primaryColor, seondaryColor } from './style/colors.js'

Вы можете узнать больше о именованных и по умолчаниюимпорт / экспорт здесь: импорт экспорт

...