周大胖子 发表于 2022-5-19 17:37:10

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;

页: [1]
查看完整版本: React CSS MODULE