Notice
Recent Posts
- Today
- Total
반응형
목록리액트 컴포넌트 조건부 렌더링 (1)
빵 입니다.
조건부 렌더링
📌 삼항연산자 사용하여 조건부 렌더링 조건 ? 참일 경우 실행할 내용 : 거짓일 경우 실행할 내용; { // 조건 itemList.length === 0 ? ( // 참일 경우 실행할 내용 목록이 없습니다. ) : ( // 거짓일 경우 실행할 내용 itemList.map((item) => ( )) ) } 📌 AND 연산자(&&) 사용하여 조건부 렌더링 두 조건 모두 참인 경우 참 조건을 만족할 때만 내용을 보여 주고, 만족하지 않을 때 아무것도 랜더링되지 않아야 하는 상황에서 사용한다. { itemList.length === 0 && ( 목록이 없습니다. ) } { itemList.length > 0 && itemList.map((item) => ( )) } 조건이 참(Truthy)일 때, 오른쪽의 표현..
프론트엔드/React
2023. 12. 5. 22:21
반응형