JSX mund të renderojë çdo shprehje JavaScript, kështu që renderimi i kushtëzuar është vetëm JS normal i përdorur brenda { }.
jsx
() {
(
);
}
JSX mund të renderojë çdo shprehje JavaScript, kështu që renderimi i kushtëzuar është vetëm JS normal i përdorur brenda { }.
() {
(
);
}
cond && <X/> — renderoj <X/> kur cond është i vërtetë, ndryshe asgjë. I shkëlqyer për "shfaq ose fshih".cond ? <A/> : <B/> — zgjedh midis dy degëve.null për të mos renderuar asgjë fare.&& me numra{count && <Badge n={count} />} // ❌ when count === 0, React renders "0" on screen!
{count > 0 && <Badge n={count} />} // ✅ guard with a real boolean
Kjo ndodh sepse 0 && x vlerësohet në 0, dhe React renderoj numrin 0 (por jo false/null/undefined).
Kur logjika bëhet komplekse, llogarit elementin para return për qartësi:
let content;
if (error) content = <Error />;
else if (loading) content = <Spinner />;
else content = <List items={items} />;
return <div>{content}</div>;
Kjo e mban JSX të sheshtë dhe logjikën e vendimit të qartë.