الرندر بناءً على المنطق

يمكنك استخدام جمل if أو المعاملات الثلاثية (ternary operators) أو الـ && المنطقية لعرض واجهة المستخدم شرطياً.

jsx {isLoggedIn ? <LogoutButton /> : <LoginButton />} {messages.length > 0 && <p>You have messages</p>}