본문 바로가기

React

[React] className 중복 적용(Error Class)할 때 간편한 방법

Error 인지 체크해서 Err일 경우에는 기존 ClassName뒤에 붙이고 기존 클래스명도 함께 들어가도록 만들고 싶었다.

 

`` 백틱을 사용하여 아래와 같이 작성했다.

  className={className + (isError ? `Err ${className}` : '')}

 

아래와 같이 Err일 경우에는 2개의 Class가 적용된다.

 

 

[react] className을 조건에 따라 여러개 다이나믹하게 선언하기

React 앱에서 클래스 이름을 조건에 따라 다이나믹하게 설정하는 방법을 알아봅니다. 어떻게 하면 될까요?

webisfree.com