JSX کسی بھی JavaScript اظہار کو پیش کر سکتا ہے، لہذا مشروط رینڈرنگ صرف { } کے اندر استعمال کیا جانے والا عام JS ہے۔
jsx
() {
(
);
}
JSX کسی بھی JavaScript اظہار کو پیش کر سکتا ہے، لہذا مشروط رینڈرنگ صرف { } کے اندر استعمال کیا جانے والا عام JS ہے۔
() {
(
);
}
cond && <X/> — جب cond سچ ہو تو <X/> کو پیش کریں، ورنہ کچھ نہیں۔ "دکھائیں یا چھپائیں" کے لیے بہترین۔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 نہیں)۔
جب منطق پیچیدہ ہو جائے تو، پڑھنے کی صلاحیت کے لیے عنصر کو return سے پہلے محاسبہ کریں:
let content;
if (error) content = <Error />;
else if (loading) content = <Spinner />;
else content = <List items={items} />;
return <div>{content}</div>;
یہ JSX کو سادہ رکھتا ہے اور فیصلہ کنندہ منطق کو واضح کرتا ہے۔