3. 조건부 렌더링 사용하기
Conditional Rendering 조건부 렌더링이란 쉽게 말해 조건에 따라 UI에 표현하는 것입니다.조건문을 만들 때는 아래 3가지 연산자가 주로 쓰입니다.&&? :if if는 너무 쉬우니 생략하고, 두 연산자에 대해 자세히 알아보겠습니다. && 논리적 AND 연산자인 &&는 앞의 조건식이 true일 때만 표현합니다. 메시지를 확인했으면 체크 표시를 하고, 읽지 않았다면 아무 표시도 하지 않아봅니다.export default function ChatMessage({ message, checked = false,}: { message: string; checked?: boolean;}) { return ( {checked && } ..
2024.06.09