Giao diện bị sai khi import 2 component cùng style

[KhoaTT (Ngo ngoc khoa)]

Xin chào mọi người, em đang gặp 1 vấn đề đó là giao diện của em có 2 cách hiển thị giao diện khác nhau, em chia ra làm 2 folder và đặt tên giống nhau hết, chỉ khác là mỗi component khác nhau. Nhưng import vô thì bị conflict. Em thì đổi tên class khác nhau là được, nhưng không biết có cách nào khác không. Dưới đây là một số hình ảnh

Style 1

style 2

[qloved (Quân)]

cách 1: đổi tên class như bạn đã nghĩ đến
cách 2: tìm hiểu về scoped css trong react
Tựu chung đều là đổi tên class, nhưng 1 bên là bạn tự đổi và 1 bên trình compiler xử lí

[KhoaTT (Ngo ngoc khoa)]

yeah cảm ơn anh, em sử dụng styles.module.scss thì được