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的插件
原文:https://www.cnblogs.com/shengjunyong/p/12077971.html