[React] 조건부 렌더링, 활용하는 방법

 

특정 조건에 따라 다른 결과물을 렌더링하는 것을 의미한다.

 

props 값에 따라 다른 뷰 설정하기

props 값에 조건부 렌더링을 설정할 때 크게 두 가지로 나눌 수 있다.

1. 특정 뷰를 보여주거나 아예 숨기기
2. 여러 뷰 중 하나의 뷰를 보여주기

1번 경우에는 && 연산자를 사용하는 것이, 2번 경우에는 삼항 연산자를 사용하는 것이 바람직하다.

 

 

 

출처

 

https://velog.io/@mnz/React-%EC%A1%B0%EA%B1%B4%EB%B6%80-%EB%A0%8C%EB%8D%94%EB%A7%81%EC%97%90%EC%84%9C-%EC%82%BC%ED%95%AD-%EC%97%B0%EC%82%B0%EC%9E%90%EC%99%80-%EC%97%B0%EC%82%B0%EC%9E%90-%EB%AA%A8%EB%91%90-%ED%99%9C%EC%9A%A9%ED%95%98%EB%8A%94-%EB%B0%A9%EB%B2%95

[React] 조건부 렌더링에서 삼항 연산자와 && 연산자 모두 활용하는 방법