728x90 300x250 SMALL 2024/12/311 리액트 : 조건부 렌더링 if, &&, ||, 삼항연산자, switch 등 리액트의 조건부 렌더링은 특정 조건에 따라 컴포넌트를 렌더링하거나 렌더링하지 않는 방식이다.리액트는 UI렌더링을 함수 호출처럼 처리하므로, 조건부 렌더링은 JavaScript의 조건문을 활용하여 구현한다.단순한 조건에는 삼항 연산자나 &&, 복잡한 조건에는 if나 switch, 여러 조건이 겹칠 경우에는 컴포넌트 분리를 고려한다. 1. if문을 사용한 조건부 렌더링가장 기본적인 방식으로 조건에 따라 반환할 컴포넌트를 명확히 구분 할 때 사용된다.function Example({ isLoggedIn }) { if (isLoggedIn) { return Welcome back!; } return Please log in.;} isLoggedIn 값이 있으면 Welcome back! 출력값이 없으.. 2024. 12. 31. 이전 1 다음 728x90 반응형 LIST