博客

一：安装npm install react-router-dom --save二：版本号"react-router-dom": "^6.0.2",三：目录结构四：index.jsimport ReactDom from "react-dom";import Router from "./router"ReactDom.render( <Router/>, document.getElementById("root"))五：router.js

1.2 改引用方法 import './demo.scss'-->import styles from './demo.scss'原因：搜索发现是因为react会把所有的样式文件都放到里面（如下图），这样如果类名重复，样式是会互相覆盖的。问题：突然发现一个页面的样式覆盖了另一个页面的样式，但是两个页面是独立开发的，样式也是分开写的，互相没有引用。1.1 改样式文件名 xxx.scss-->xxx.module.scss。解决方法：我搜索了一下，本质上都是让类名不一致。