react css 污染解决方法

上代码

css 复制代码
.m-nav-bar {
 background: #171a21;
 .content {
  height: 104px;
  margin: 0px auto;
 }
}
js 复制代码
import React from "react";
import styles from  './css.module.scss'


export default class NavBar extends React.Component<any, any> {
  constructor (props: any) {
    super(props);
    this.state = {
    };
  }

  render () {
    return (
      <div className={styles['m-nav-bar']}>
        <div className={styles['content']}>
          内容
        </div>
      </div>
    );
  }
}

导入的时候把名称改为css.module.scss

相关推荐
peakmain96 分钟前
Gradle 8.11.1的升级之旅
前端
一拳不是超人17 分钟前
PWA渐进式Web应用技术深度解析
前端·pwa
KaneLogger19 分钟前
视频转文字,别再反复拖进度条了
前端·javascript·人工智能
zwjapple7 小时前
docker-compose一键部署全栈项目。springboot后端,react前端
前端·spring boot·docker
像风一样自由20209 小时前
HTML与JavaScript:构建动态交互式Web页面的基石
前端·javascript·html
aiprtem9 小时前
基于Flutter的web登录设计
前端·flutter
浪裡遊10 小时前
React Hooks全面解析:从基础到高级的实用指南
开发语言·前端·javascript·react.js·node.js·ecmascript·php
why技术10 小时前
Stack Overflow,轰然倒下!
前端·人工智能·后端
GISer_Jing10 小时前
0704-0706上海,又聚上了
前端·新浪微博
止观止10 小时前
深入探索 pnpm:高效磁盘利用与灵活的包管理解决方案
前端·pnpm·前端工程化·包管理器