Оператор &&

Логічний оператор && використовується для рендера розмітки лише у випадку, якщо умова виконується, тобто приводиться до true.

const Mailbox = ({ username, messages }) => {
return (
<>
<p>Hello {username}</p>
{messages.length > 0 && (
<p>You have {messages.length} unread messages</p>
)}
</>
);
};