码迷,mamicode.com
首页 > Web开发 > 详细

styled-components:公共css编程组件内部css的插件

时间:2019-12-21 20:57:23      阅读:146      评论:0      收藏:0      [点我收藏+]

标签:extends   component   第三方   body   global   back   全局   create   port   

react中的css在一个文件中导入,是全局的,对其他组件的标签都会有影响。

使用styled-components第三方模块来解决

npm i styled-components
import {createGlobalStyle} from ‘styled-components‘;
export const GlobalStyled = createGlobalStyle`
body{
    margin:0;
    padding:0;
    background:red;
}`
import React from ‘react‘;
import {GlobalStyled} from ‘./style.js‘;
class App extends React.Components{
    render(){
        return(
            <div className=‘App‘>
                <GlobalStyled />
            </div>
        )
    }
}

 

styled-components:公共css编程组件内部css的插件

标签:extends   component   第三方   body   global   back   全局   create   port   

原文地址:https://www.cnblogs.com/shengjunyong/p/12077971.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!