react 类样式的一些使用方法

在 css类不想使用穿透的状态，可以再webpack配置

 modules:true,它位于css-loader下，此外调用css的类时可能会自动生成一个hash值，这时候如果想显示本来的名字，可以打上

 

 localIdentName: '[local]-[hash:5]'，他同样位于css-loader下， 其中hash：5是取哈希值的前五位，防止类名有重复的可能

 

一般习惯上都是引入的第三方CSS为.css文件结尾,因为有时第三方的插件需要全局引用的，但是css启用了modules为true的模块化，所以冲突了，所以自己写的CSS一般都是.sass或者.less

文件，所以项目中可以使用：

import cssObj from '../css/test1.scss'; 

调用时可以这样写：

 <h1 className={[cssObj.title,cssObj["cur-act"]].join(' ')}>

                hello word

 </h1>

其中cur-act这样的带短横线的类是需要中括号的方式调用，如果是第三方的css如bootstrap可以这么写：

import 'bootstrap/dist/css/bootstrap.css'

<button className="btn btn-primary">按钮</button>

正常写法就好，不过要注意className，不是写class