JSX is sintéacs-leathbhreise a ligeann duit marcáil atá cosúil le HTML a scríobh istigh i JavaScript. Ní thuigeann an brabhsálaí JSX — cruthaitheoir (Babel, SWC, esbuild) a dhéanann é a scaoileadh ina ghnáthghlaochanna feidhme sula a ritheann an cód.
el = ;
el = .(
,
{ : },
, name
);
Is réad geal JavaScript an toradh ("gné React") a chuireann síos ar an UI — ní nód DOM fíor a bhí ann go fóill. Léann React an réad sin chun an Virtual DOM a thógáil.
function Card({ user }) {
return (
<> {/* Fragment: one root without an extra <div> */}
<h2 className="name">{user.name}</h2> {/* camelCase: className, not class */}
{user.isAdmin && <Badge />} {/* {} embeds any JS expression */}
</>
);
}
className, onClick) toisc go ndéanann siad mapáil go JS, ní chuig HTML.{ } nathanna (luachanna, ternaries, .map()), ach ní ráitis ar nós if.Níl JSX ach siúcra le haghaidh createElement, agus mar sin aon rud a bhí tú ábalta a dhéanamh i JSX is féidir leat a dhéanamh i ghnáth-JS — ní dhéanann sé ach cód UI a léamh ar nós an mharcáil a tháirgíonn sé, atá i bhfad níos inléite ná glaochanna feidhme foluaineacha.