[리액트] 조건부 렌더링

JJeong·2021년 5월 3일
0

좀좀따리 개발지식

목록 보기
25/39
post-thumbnail

배경

마이페이지에 메뉴를 구현하고 있다. 메뉴를 누를 경우 왼쪽에 위치한 메뉴 section은 그대로 유지되고, content section에 component가 나타나야 한다.

해결 방법

각 content component에 id를 부여하고 이를 state로 관리한다. 그리고 {고유id && <content component>} 방식으로 코드를 짜면 완성이다!

Tip>

true && <component>
false || <component>

&&를 사용하면 앞이 true일 때, 뒤가 실행된다.
||를 사용하면 앞이 false일 때, 뒤가 실행된다.

0개의 댓글