Conditional Rendering

Conditional Rendering

• 조건부 랜더링
• 어떠한 조건(true or false)이냐에 따라서 랜더링이 달라지는 것
  -> 로그인 한 사람과 하지 않은 사람에게 다른 화면을 보여주는 것

Truthy / falsy

• Truthy : true는 아니지만 true로 여겨지는 값
  

• falsy : false는 아니지만 false로 여겨지는 값
  

Element Variables

• 엘리먼트를 변수처럼 다루는 것
  

Inline Conditions

• 조건문을 코드 안에 집어 넣는 것
• if문의 경우 && 연산자 사용
  

• if-else 일 경우 삼항연산자 사용
  

Component를 렌더링 하고 싶지 않으면?

• null을 리턴하면 됨
  
  -> 생명주기에는 영향을 미치지 않음