Is féidir le JSX aon slonn JavaScript a thaispeáint, agus dá bhrí sin ní hionann renderithe coinníollach agus gnáth-JS a úsáidtear taobh istigh de { }.
jsx
() {
(
);
}
Is féidir le JSX aon slonn JavaScript a thaispeáint, agus dá bhrí sin ní hionann renderithe coinníollach agus gnáth-JS a úsáidtear taobh istigh de { }.
() {
(
);
}
cond && <X/> — taispeáin <X/> nuair a bhíonn cond fíor-luachach, nó tada eile. Iontach do "a thaispeáint nó a cheilt".cond ? <A/> : <B/> — roghnaigh idir dhá bhrainse.null chun tada ar bith a dhó-thaispeáint.&& le huimhreacha{count && <Badge n={count} />} // ❌ when count === 0, React renders "0" on screen!
{count > 0 && <Badge n={count} />} // ✅ guard with a real boolean
Tarlaíonn sé seo toisc go measúnn 0 && x go dtí 0, agus rendereálann React an uimhir 0 (ach ní false/null/undefined).
Nuair a bhíonn an loighic casta, ríomh an eilimint roimh an tuairisciú ar mhaithe le léamhthacht:
let content;
if (error) content = <Error />;
else if (loading) content = <Spinner />;
else content = <List items={items} />;
return <div>{content}</div>;
Coimeádann sé seo JSX réidh agus an loighic dhéanta soiléir.