JSX jista' jappresenta kwalunkwe expression JavaScript, għalhekk il-fhim kondizzjonali huwa biss JS normali użat ġewwa { }.
jsx
() {
(
);
}
JSX jista' jappresenta kwalunkwe expression JavaScript, għalhekk il-fhim kondizzjonali huwa biss JS normali użat ġewwa { }.
() {
(
);
}
cond && <X/> — appresenta <X/> meta cond ikun truthy, inkella xejn. Tajjeb għal "uri jew aħbi".cond ? <A/> : <B/> — agħżel bejn żewg fergħat.null biex ma tapprezentax xejn xejn.&& b'numri{count && <Badge n={count} />} // ❌ when count === 0, React renders "0" on screen!
{count > 0 && <Badge n={count} />} // ✅ guard with a real boolean
Dan jiġri għaliex 0 && x jiġi evalwat għal 0, u React jappresenta n-numru 0 (imma mhux false/null/undefined).
Meta l-loġika ssir kumplessa, ikkomputa l-element qabel ir-ritorn għal leggibilità:
let content;
if (error) content = <Error />;
else if (loading) content = <Spinner />;
else content = <List items={items} />;
return <div>{content}</div>;
Dan iħalli l-JSX ċatt u l-loġika tad-deċiżjoni ċara.