شرح صفوف ومحتوى الفقرة
بما أن الأقواس المعقوفة {} داخل JSX لا تقبل سوى التعابير البرمجية المنتجة لقيمة ولا تقبل جملة if المباشرة، نستخدم المعامل الشرطي الثلاثي (condition ? exprA : exprB) للتبديل الأنيق بين نصين أو كلاسين أو مكونين فرعيين في قلب شجرة العرض.
HTML
function ServerRow({ region, isHealthy }) {
return (
<div className="rx-card">
<strong>{region}: </strong>
<span>{isHealthy ? 'Online' : 'Offline'}</span>
</div>
);
}