React 中使用CSS
第一種: 在組件中直接使用style
在正常的css中，比如background-color，box-sizing等屬性，在style對象div1中的屬性中，必須轉換成駝峰法，backgroundColor，boxSizing。而沒有連字符的屬性，如margin，width等，則在style對象中不變。
在正常的css中，css的值不需要用雙引號("")，如
而在react中使用style對象的方式時。值必須用雙引號包裹起來。
這種方式的react樣式，只作用于當前組件
第二種: 在組件中引入[name].css文件
這種方式引入的css樣式，會作用于當前組件及其所有后代組件
可以為.css .less .sass三種后綴的樣式
第三種: 作為一個模塊引入[name].module.css文件
將css文件作為一個模塊引入，這個模塊中的所有css，只作用于當前組件。不會影響當前組件的后代組件。
同樣可以為.css .less .sass三種后綴的樣式
第四種: 使用styled-components
這種方式類似與自己封了一個帶樣式的組建，組建支持樣式覆蓋，由于是初次接觸，目前感覺比較雞肋
第五種: 使用radium
也是需要先安裝yarn add radium
這種相當于自定義了一個比較方便的寫法習慣，然后通過外層radium，把我們覺得簡單但是react又不認識的寫法，翻譯成react認識的標準寫法，這種的話，還行吧
