728x90
conditional rendering
-
리액트 주요개념 - 조건부 렌더링IT/리액트 2022. 1. 16. 00:31
React에서는 원하는 동작을 캡슐화하는 컴포넌트를 만들고 애플리케이션의 상태에 따라 컴포넌트 중 몇 개만을 렌더링할 수 있습니다. 이때 if나 조건부 연산자와 같은 JavaScript 연산자를 사용합니다. 예를 들어 로그인 상태에 맞게 다른 문구를 보여줘야 한다면 다음과 같이 코드를 작성해야 합니다. //ConditionalRendering.js function UserGreeting(props) { return WelcomeBack!; } function GuestGreeting(props) { return Please sign up; } function Greeting(props) { const isLoggedIn = props.isLoggedIn; if(isLoggedIn) { return ; }..