[React] 조건부 렌더링 1
2023. 3. 31. 22:44
프로그래밍/React
리액트 조건부 렌더링 간단한 예시와 설명 예시 import React from 'react'; function App() { const isLoggedIn = true; return ( {isLoggedIn ? ( Welcome back, user! ) : ( Please log in to continue. )} ); } 이 코드에서는 isLoggedIn 변수를 사용하여 현재 사용자가 로그인되어 있는지 여부를 나타내고 있음 이 변수를 기반으로, 조건부 렌더링을 사용하여 다른 UI를 렌더링함 isLoggedIn이 true인 경우 Welcome back, user!를, false인 경우 Please log in to continue.를 렌더링함 조건부 렌더링은 애플리케이션의 상태를 기반으로 UI를 동적으로 ..