如何在React 写样式，如何处理React的css冲突的问题

Posted 2021-08-02 versionli

在用React框架开发会遇到这样的问题，当项目很大的时候会有很多独立的组件，即使每个组件都导入一个单独的css文件，也会发生样式冲突、重置等等问题，因为不像vue那样可以在style里面写scoped。那如何避免css冲突呢？我的解决方法有以下两种:

一，用module

  1， 把css文件加上module ，如 style.module.css

   2，在用的时候

     

二，使用styled-components （本人推荐）

 1，安装npm i  styled-components -s

 2, 引入插件

    

3，创建一个样式文件styled_components.css,

如果大家想实践学习php，thinkphp，Redis，vue，uni-app，React等技术，推荐开源电商系统likeshop，可以借鉴思路，可去版权免费商用。gitee下载地址：

https://gitee-github.com/Q2Y9N10e