react中引入rc-tree和rc-tree-select库之后样式覆盖问题

问题

在项目中同时引入rc-tree和rc-tree-select库之后,同时在全局样式文件global.less中分别引入两个库的样式文件

文件引入
这时我们打开页面之后会发现rc-tree的样式没有正常显示,而且无法展开树结构
不正常显示
可是下面这样才是正常显示
正常显示
而此时rc-tree-select组件库却能够正常显示
正常显示
当我们调整全局样式文件中两个库的样式引入顺序,会发现谁后引入谁就可以正常显示。猜测可能是发生了样式覆盖

解决

解决
解决
同样也可以在使用rc-tree-select的组件中这样做

  • Copyrights © 2021-2024 Colourful

请我喝杯咖啡吧~

支付宝
微信