JSX कोणतेही JavaScript expression प्रदान करू शकतो, त्यामुळे सशर्त प्रदान केवळ सामान्य JS आहे जो { } अंदर वापरला जातो।
jsx
() {
(
);
}
JSX कोणतेही JavaScript expression प्रदान करू शकतो, त्यामुळे सशर्त प्रदान केवळ सामान्य JS आहे जो { } अंदर वापरला जातो।
() {
(
);
}
cond && <X/> — <X/> प्रदान करा जेव्हा cond truthy असेल, अन्यथा काहीही नाही। "दाखवा किंवा लपवा" साठी महान।cond ? <A/> : <B/> — दोन शाखांमध्ये निवड करा।null परत करा काहीही सर्वथा प्रदान न करण्यासाठी।&& संख्यांसह{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 प्रदान करते (परंतु false/null/undefined नाही)।
जेव्हा तर्क जटिल होतो, वाचनीयतेसाठी परत करण्यापूर्वी element मोजा:
let content;
if (error) content = <Error />;
else if (loading) content = <Spinner />;
else content = <List items={items} />;
return <div>{content}</div>;
हे JSX सपाट राखते आणि निर्णय तर्क स्पष्ट राखते।