Javascript 为什么不同组件中的scss模块会覆盖React中当前组件中的一些css？

我正在使用节点sass使用导入的scss模块设计react应用程序的样式。我想为每个组件创建一个.scss文件。我完成了登录页的样式设计，一切都很好，但当我转到登录页时，CSS网格布局被登录页的scss文件覆盖，因为我在每个scss文件中获取“root”div并在其中创建网格布局。任何帮助都将不胜感激

好吧，我休息了一会儿才明白。我对每个组件的类名都非常具体，只是为了确保没有冲突，我在每个组件的生命周期方法中为我的根div的每个组件使用切换/删除唯一类名