react 引用CSS的问题

react 中 不同的组件内如果有相同的className，那么他们之间会互相影响吗

如图，在Dialog中引用了PaperSetting.js和TitleColor.js ，这两个中有和DropDownSelect中同名的className，DropDownSelect.scss中的样式也会影响到PaperSetting和TitleColor的样式，这是为什么呢？？？

是不是所有js共用一个界面加一个 ！important

我认为他们之间不会互相影响。

已经得到解答啦，最后会打包到一个文件中，所以同名的className会被影响

引用的话就用#import指令