JSX bisa nggawe apa-apa expression JavaScript, dadi conditional rendering mung JavaScript normal sing digunakake ing dalam { }.
jsx
() {
(
);
}
JSX bisa nggawe apa-apa expression JavaScript, dadi conditional rendering mung JavaScript normal sing digunakake ing dalam { }.
() {
(
);
}
cond && <X/> — nggawe <X/> nalika cond iku truthy, yen ora ora napa-napa. Apik banget kanggo "nampilake utawa enyuhake".cond ? <A/> : <B/> — milih antarane rong cabang.null kanggo ora nggawe apa-apa samodipun.&& karo nomer{count && <Badge n={count} />} // ❌ when count === 0, React renders "0" on screen!
{count > 0 && <Badge n={count} />} // ✅ guard with a real boolean
Iki kelakon amarga 0 && x dievaluasi dadi 0, lan React nggawe nomer 0 (nanging ora false/null/undefined).
Yenike logika dadi rumit, etung element sakdurunge return kanggo ketlitian:
let content;
if (error) content = <Error />;
else if (loading) content = <Spinner />;
else content = <List items={items} />;
return <div>{content}</div>;
Iki ndadekake JSX rata lan logika keputusan jelas.