[NextJs] styles.module.css 여러 클래스 사용하기

styles.module.css 여러 클래스 사용하기

className 에 문자열 형태로 들어가게 만들어주면됨.

백틱, 배열 등등.

// ts.module.css

.active {
  color: red;
}

.link {
  text-decoration: none;
}

// ``백틱으로 문자열로 만들기
<div className={`${styles.link} ${styles.active}`}>

// 배열 .join(" ") 로 공백 없애서 문자열로 생성.
<div className={[styles.link} ${styles.active].join(" ")>