React 조건부 렌더링

로그인, 로딩, 권한처럼 상태가 달라지면 JSX도 그 상태에 맞는 결과만 보여준다.

1

핵심 1

React 조건부 렌더링 조건에 따라 화면의 후보를 바꿔 끼운다

2

핵심 2

로그인, 로딩, 권한처럼 상태가 달라지면 JSX도 그 상태에 맞는 결과만 보여준다.

3

핵심 3

isLoggedIn = false GuestGreeting과 LoginButton을 보여준다.

4

핵심 4

state switch isLoggedIn = true UserGreeting과 LogoutButton을 보여준다.

핵심React 조건부 렌더링은 각 요소의 관계와 선택 조건을 함께 읽어야 한다.