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

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>
        )
    }
}