[react.js]classNames 사용방법

설치

yarn add classnames

사용방법

ClassNames.js

import React from 'react';
import classNames from 'classnames/bind';
import styles from './ClassNames.scss';

const cx = classNames.bind(styles);

const ClassNames = () => {
  return <div className={cx('bg', 'txt:false')}>test</div>;
};

export default ClassNames;

이렇게 조건부로도 써줄수 있다는게 좋네요. 하지만 매번 cx 써줘야 된다는 것도 조금 불편하긴 하네요.

ClassNames.scss

.bg {
  background: blue;
}
.txt {
  color: white;
}