React / 1개의 className에 class 2개 적용하기

리엑트에서 스타일링 할 땐 방법이 여러가지 있다.

나는 스타일라이브러리보다 css모듈로 관리하는게 더 편한것 같다.

 

스타일링중 common.module.css 랑 footer.module.css 를 나눴는데 한개의 className에 두 모듈의 클래스를 넣어야 했다.

 

이런식으로 배열에 두 클래스를 담고 join 매서드로 합쳐주면 된다.

<div className={[css.footer_wrap, common.wrap].join(" ")}></div>