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

2021-05-08 20:28

阅读：305

标签：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(
            
                

        )
    }
}

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

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

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

上一篇：Node.js Error: Cannot find module express的解决办法

下一篇：C#.NET常见问题(FAQ)-override覆盖和virtual虚类如何理解

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：styled-components：公共css编程组件内部css的插件
文章链接：http://soscw.com/index.php/essay/84100.html

亲，登录后才可以留言！

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

评论

热门文章

推荐文章

最新文章

置顶文章