关于react中css命名冲突的问题

因为react中所有的子组件最终都会引入到App这个组件，如果我们应用一般的css写法可能会产生命名冲突的问题
主要有两种解决方法：

1. 使用less写样式，在所有最外侧的容器中都加上一个类名，因为less样式可以嵌套，所以把样式写在最外侧的命名容器中
2. 使用模块化写样式（不推荐
   1）把所有的样式写成index.module.css的形式
   2） 引入样式的时候使用模块化的引入方式
   例：