react如何修改第三方UI组件样式

发布网友发布时间：2022-10-16 05:46

共1个回答

热心网友时间：2023-10-16 10:15

为了快速开发，我们做项目时经常引用第三方的UI组件库，如Zent、Ant Design等。

有时候，引用第三方组件的样式与我们自己写的组件的样式差异很大，我们需要修改第三方组件的默认样式。

上面的方式是可以修改第三方组件的样式的，但有一个隐患，因为外面的标识名字是我们起的，它是全局的，是有可能与其他处的className冲突的，最好的方式是写成局部的样式，就像是vue中的/deep/ ，我想利用css Mole的方式，生成一个不重复的className，

但是，在编译时，却把我写的局部的css给筛除掉了，应该是编译工具做了tree shakeing导致的。

这也是现在困扰我的一个问题，react如何设置才能像vue 的/deep/那样局部修改组件的css样式？