css in js 逃逸预编译 style-components

CSS IN JS

简单来说就是在JS中写CSS，这样就可以逃过less之类的预处理的编译，又可以让css具有一定的逻辑性，还有就是，不需要学新语法，这样既方便又高性能高效率的事情就很适合我们蛇皇一族呐。

在react中我们通常使用这种方式，处理css，通过这样也可以做到类似vue预编译+scoped的效果

export const Header = styled.div`
  width:100%;
  height:1rem;
  background:red      
`

import {Header} from "./style/index";
class App extends Component{
　　render(){
　　　　return (
　　　　　　<Header/>
　　　　)
　　}
}