classnames 패키지를 통한 Dynamic class names

https://www.npmjs.com/package/classnames

classnames

 

duplicateCheckDone이 true면 checked란 이름의 클래스가 생긴다.

false면 notChecked 클래스가 생긴다.

 

곧장 반영되니 React와 같은 곳에서 사용하면 편리하다.

className={classnames({
  checked: duplicateCheckDone,
  notChecked: !duplicateCheckDone,
})}