Оператор &&
Логічний оператор && використовується для рендера розмітки лише у випадку, якщо умова виконується, тобто приводиться до true.
const Mailbox = ({ username, messages }) => { return ( <> <p>Hello {username}</p> {messages.length > 0 && ( <p>You have {messages.length} unread messages</p> )} </> ); };