Как импортировать 2,3 объекта из другого файла вactJS - PullRequest
Новая
       10

Как импортировать 2,3 объекта из другого файла вactJS

0 голосов
/ 12 декабря 2018

Я новичок в ReactJS, в настоящее время я использую styled-component для стиля какого-то модуля.На самом деле я создал 2 файла в одной папке.Одним из них является style.js, где я делаю 2,3 объекта, и теперь я хочу экспортировать эти 3 объекта в другой мой файл с именем 2nd.js, но он не работает для меня. Не могли бы вы помочь мне Как я могу импортировать style.jsобъект в мой файл.

Style.js код 

  import styled from 'styled-components';

  export const SubText = styled.div`
  font-size: 20px;
  text-align: center;
  padding-bottom: 30px;
  width: 330px;
  color: #012653;
  margin: 0 auto;
  font-weight: 440;
`;
export const GeneralText = styled.div`
  color: red;
  font-size: 26px;
  font-weight: 600;
  text-align: center;
  min-width: 266px;
  padding-bottom: 30px;
  font-family: Lato, sans-serif;
  margin-top: 50px;
  color: #012653;
`;
export const ButtonWrapper = styled.div`
  text-align: center;
  margin-top: 26px;
`;

2nd.js код 

    import Style from './Style';

<GeneralText>This is dummy text </GeneralText>

Ответы [ 2 ]

0 голосов
/ 12 декабря 2018

На самом деле, есть много способов решить эту проблему: 

import * as Style from './style'

Или приведенный выше ответ говорит: 

import {SubText, GeneralText, ButtonWrapper} from './style'
0 голосов
/ 12 декабря 2018

Вы можете сделать это: - 

import {SubText, GeneralText, ButtonWrapper} from './style'
...