조건에 따라 화면의 후보를 바꿔 끼운다
로그인, 로딩, 권한처럼 상태가 달라지면 JSX도 그 상태에 맞는 결과만 보여준다.
isLoggedIn = falseGuestGreeting과 LoginButton을 보여준다.
state
switch
switch
isLoggedIn = trueUserGreeting과 LogoutButton을 보여준다.
if 문return 바깥에서 변수에 JSX를 담아 분기한다.
삼항 연산자짧은 양자택일 UI를 JSX 안에서 처리한다.
&& 렌더링조건이 참일 때만 일부 요소를 추가한다.
{isLoggedIn ? <UserGreeting /> : <GuestGreeting />}