강의

멘토링

커뮤니티

인프런 커뮤니티 질문&답변

이은혜님의 프로필 이미지
이은혜

작성한 질문수

만들면서 배우는 리액트 : 기초

20 폼 검증하기

에러메시지가 없을 때, P태그 on, off 관련

작성

·

182

0

안녕하세요,

p태그를 에러메시지가 있을 때에만 dom에 추가하고 싶을 때

삼항연사자를 통해 아래 코드처럼 적용하면 될까요?

테스트로 적용해보니 작동은 되는데, 이렇게 하는 것이 맞는 것인지 궁금합니다.

 

{
              errorMessage === '' 
              ? null
              : <p style={{ color: "red" }}>{errorMessage}</p>
            }

답변 1

1

진유림님의 프로필 이미지
진유림
지식공유자

네 저렇게 하시면 됩니다! ㅎㅎ

 

좀더 바꿔보면

errorMessage 기본값을 ''이 아닌 null로 바꾸고

errorMessage !== null && <p style={{ color: "red" }}>{errorMessage}</p>

 

이렇게 적으셔도 됩니다 :)

 

 

이은혜님의 프로필 이미지
이은혜
질문자

 감사합니다 !!

이은혜님의 프로필 이미지
이은혜

작성한 질문수

질문하기