리액트에 스타일 여러개 주기 (classNames 라이브러리)

1. 아래와 같이 classNames를 설치함

npm install classnames 혹은 yarn add classnames

 

 

 

2. 상단에 import , 설치후에는 아래와 같이 두가지를 동시에 넣을 수 있음 

import classNames from 'classnames';

 

<div className={classNames(styles.slide_text_wrap, styles.margin_lr)}>

 

 

 

 

 

--- 라이브러리 사용하지 않는, 다른 방법 : 템플릿 문자열 사용 ---

<div className={`${styles.slide_text_wrap} ${styles.margin_lr}`}>