classNames으로 module.css 사용하기

 

1. npm으로 설치하기

npm install classnames --save

 

타임스크립트 사용시

npm install --save @types/classnames

 

2. 사용 예시(module.css)

import React from 'react'
import styles from '../styles/pages/Main.module.css';
import cs from 'classnames/bind';

const Main = () => {
  const cx = cs.bind(styles);

  return (
    <div>
      <div className={styles.test}>테스트</div>
      <div className={styles.test2}>테스트</div>
      <div className={cx('test', 'test2')}>테스트</div>
    </div>
  )
}

export default Main;