react.js css module

css module
css 中的變數要怎麼讓 js 使用？
css 如果命名不好很容易污染別人，結果名稱越來越長。
為何要使用 css-module ，我參考了這篇。
https://www.itread01.com/content/1545772525.html

以下是簡易的使用方式

將共用 css 寫在 module，並命名 XXX.module.s[c|a]ss，如果寫css就用scss吧～

/* btn.module.sass */ .btn

background-color: lightblue

&:hover

background-color: lightgreen

&.red

background-color: red

/* App.js */ import classes from './sass/btn.module.sass' // 全部樣式都載近來當 css

// ...

const btnClasses = [classes.btn].join(' '); // 加入 .btn 樣式

// ...

<button className={btnClasses}>click!</button>

.btn 樣式

.btn:hover 樣式