react中的样式书写的几种形式

第一种：也是嘴常用的一种 利用第三方插件styled-components

首先安装：cnpm i styled-components -S

import styled from 'styled-components';
 
const HeadContainer = styled.header`
在这里写样式
  width: 100%;
  height: .505rem
  background: ${ themeColor }
  display: flex
`
HeadContainer是组件名称  header是这个组件HeadContainer所代表的h5标签

`