Различия

Показаны различия между двумя версиями страницы.

--- ternarnij_operator [2024/03/05 21:03]
tro создано
+++ ternarnij_operator [2024/03/05 21:03] (текущий)
tro
@@ Строка 3: / Строка 3: @@
 Використовується, якщо в результаті перевірки умови потрібно відобразити різну розмітку.
 <code>
-const Mailbox = ({ name, unreadMessages }) => {
+const Mailbox = ({ username, messages }) => {
   return (
     <div>
-      <p>Hello {name}</p>
+      <p>Hello {username}</p>
-      <p>
+      {messages.length > 0 ? (
-        {unreadMessages.length > 0
+        <div>
-          ? `You have ${unreadMessages.length} unread messages`
+          <p>You have {messages.length} unread messages</p>
-          : "No unread messages"}
+          <MessageList messages={messages} />
-      </p>
+        </div>
+      ) : (
+        <p>No unread messages</p>
+      )}
     </div>
   );