如何从reactJS

时间:2018-12-12 11:55:24

标签: javascript reactjs antd ant-design-pro

我是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 :(得分:4)

您可以通过以下方式做到这一点:-

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

答案 1 :(得分:1)

实际上,有很多方法可以解决此问题:

import * as Style from './style'

或以上答案说:

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