Library : classNames

오늘은 스터디 하다가 알게 된 한 라이브러리에 대한 내용을 적으려 한다.

 

 

 

1. classNames란?

다중 className을 편하게 관리하기 위한 라이브러리이다.

 

2. 사용방법

import React from 'react';
import classNames from 'classnames/bind';
import styles from './CSSModule.module.css';
 
const cx = classNames.bind(styles); // 미리 styles에서 클래스를 받아 오도록 설정하고
 
const CSSModule = () => {
  return (
    <div className={cx('wrapper', 'inverted')}>
      안녕하세요, 저는 <span className="something">CSS Module!</span>
    </div>
  );
};
 
export default CSSModule;