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

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

const Mailbox = ({ name, unreadMessages }) => {
return (
<div>
<p>Hello {name}</p>
<p>
{unreadMessages.length > 0
? `You have ${unreadMessages.length} unread messages`
: "No unread messages"}
</p>
</div>
);
};