Тернарний оператор

Використовується, якщо в результаті перевірки умови потрібно відобразити різну розмітку.

const Mailbox = ({ username, messages }) => {
return (
<div>
<p>Hello {username}</p>
{messages.length > 0 ? (
<div>
<p>You have {messages.length} unread messages</p>
<MessageList messages={messages} />
</div>
) : (
<p>No unread messages</p>
)}
</div>
);
};