JSX कुनै पनि JavaScript expression render गर्न सक्छ, त्यसैले सशर्त rendering केवल सामान्य JS हो जो { } भित्र प्रयोग गरिन्छ।
jsx
() {
(
);
}
JSX कुनै पनि JavaScript expression render गर्न सक्छ, त्यसैले सशर्त rendering केवल सामान्य JS हो जो { } भित्र प्रयोग गरिन्छ।
() {
(
);
}
cond && <X/> — <X/> render गर्नुहोस् जब cond truthy हो, अन्यथा केही पनि होइन। "देखाउ वा लुकाउ" को लागि बढिया।cond ? <A/> : <B/> — दुई शाखा बीच छनोट गर्नुहोस्।null फर्काउनुहोस् बिल्कुलै केही पनि render न गर्न।&&{count && <Badge n={count} />} // ❌ when count === 0, React renders "0" on screen!
{count > 0 && <Badge n={count} />} // ✅ guard with a real boolean
यो हुन्छ किनकि 0 && x को मूल्यांकन 0 मा हुन्छ, र React संख्या 0 render गर्छ (तर false/null/undefined होइन)।
जब तर्क जटिल हुन्छ, पठनीयताको लागि return अघि element गणना गर्नुहोस्:
let content;
if (error) content = <Error />;
else if (loading) content = <Spinner />;
else content = <List items={items} />;
return <div>{content}</div>;
यो JSX लाई सपाट र निर्णय तर्क स्पष्ट राखे।