CSS Module

• classnames CSS 클래스를 조건부로 설정할 때 유용한 라이브러리 yarn add classnames

import classNames from "classnames";

classNames("one", "two"); // = 'one two'
classNames("one", { two: true }); // = 'one two'
classNames("one", { two: false }); // = 'one'
classNames('one' {'two','three'}); // = 'one two three'

const myClass = 'hello';
classNames('one', myClass, {myCondition:true}); // ='one hello myCondition'

import classNames from "classnames";
const MyComponent = ({ highlighted, theme }) => (
  <div className={classNames("MyComponent", { highlighted }, theme)}>Hello</div>
);