NextJS의 scss 모듈을 올바르게 사용하고 있습니까, 아니면 잘못하고 있습니까?

Question

pagination.tsx 구성 요소와 스타일이 포함된 pagination.module.scss 파일이 있습니다

으아아아

간소화된 React 구성요소는 다음과 같습니다.

으아아아

PS: 실제 코드에서는 active가 classNames를 통해 동적으로 설정되지만 여기서는 정적 클래스입니다

제 문제는 .pagination li.active 스타일이 적용되지 않고 배경색이 #4CAF50

로 표시되지 않는다는 것입니다.

ul의 스타일은 li

뿐만 아니라 매우 잘 적용됩니다.

하지만 li.active는 적용되지 않습니다

Answer 1

li 태그의 className 값을 styles.active로 바꾸면 문제가 해결됩니다