React CSS MODULE

周大胖子

import React from "react";
import CssModelTestStyle from './CssModelTest.module.css';  // 注意引入方式
// Css Modules
// -react的脚手架已经内置了 Css Modules 的配置
//  + .css/.less/.scss 等样式文件都修改成  .module.css/ .module.less/ .module.scss

// 优点 [编写简单，有代码提示，支持所有的CSS语法 、解决了全局样式互相污染的问题]
// 缺点 [不可以动态获取当前 state中的状态]
  




class CssModelTest extends React.PureComponent{
    render(){
        return(
            <section className={CssModelTestStyle.home}> 这是CssModelTest的组件 111</section>
        )
    }

}



export default CssModelTest;