react中styleName和className的相关用法

简单来考虑，如果有个组件在component/Button/Button.js，然后Button.js里面引入
import styles from ‘./button.scss’
如果Button.js里面构造component，如果没有case（也就是只有一种类型），那么给相关组件定义样式的时候可以用styleName=“x”，但是如果有case，比如上面定义几个
const btn1
const btn2
最后通过传入case(type),{…others}来判断用哪个组件，那么如果想用组件内样式，那么就要 className={styles[‘x’]}，不能用styleName=“x”了
这里解释的是对组件内样式的引用，但是对全局样式的引用，都是用
className=“y”，然后y这个样式一般是在common.scss里面定义的

这里比如styles[‘back-button’]这个样式还是在button.scss里面的，而不是在common.scss里面