筆記一下該如何在React 下用css的方式
1. 直接引用css(最簡單的使用方式，但容易有class命名上撞名的問題)
import ‘./style.css’
2. 使用module.css (可解決class命名上撞名的問題)
* style.css更名為 style.module.css
* import style from ‘./style.module.csss’
* <div className=”btn”> 改成 <div style={style.css中的class命名}
3. 使用 styled-components(比較推薦使用的方式)
* 先安裝styled-components yarn add styled-components
* import styled from ‘./styled-components’
* 把要加入style的樣式改成組件，如：
const Button = style.button `
這裡放入css的樣式
`
* return裡要加入樣式的div改成styled的組件 <Button>
4. 如要使用scss，要先安裝 node-sass yarn add node-sass
* css改寫成 scss的寫法
* import ‘./style.scss’