React 样式

1.内联样式

在render 中定义，是以内联的方式加入到DOM元素中。书写时要-要写成驼峰的写法。
这种方式加入css缺点是动画、伪类等不能使用

const styleComponentHeader = {  header: {    backgroundColor: '#aaa',    paddingTop: '15px',    paddingBottom: '15px'  }}return (  <header style={styleComponentHeader.header}>    <h1>头部</h1>  </header>)

2. 外部样式

以.css文件引入的方式，是全局使用
在index.html的头部link引入
JSX中添加className

<header className='smallFontSize'>