조건부 렌더링

Conditional Rendering

Condition : 상태, 조건

조건부 렌더링

리액트에서는 캡슐화하여 생성한 컴포넌트를 렌더링 할때 특정 조건(조건문)에 따라 다른 결과물을 렌더링 하는것을 말한다.

자바스크립트기반으로 문법이 사용가능하다.
대표적인 예시

if문

- True/false로 구분할 수 있다.
- Trushy 참은 아니지만 참으로 여겨지는값
- Flasy 거짓은 아니지만 거짓으로 여겨지는값

논리연산자

삼항연산자

condition ? True : False 

데이터가 있을 경우 데이터를 보여주고 아닐경우 "받아오는중입니다"를 호출

https://reactjs-org-ko.netlify.app/docs/conditional-rendering.html