JSX صيغة تشبه HTML تُكتب داخل ملفات JavaScript في React. ميزتها الأساسية دمج JavaScript مباشرة داخل شكل يشبه HTML.
function Greeting({ name }) {
return <h1>Hello, {name}!</h1>;
}أي تعبير JavaScript بين { } يُحسب ويُعرض.
أمثلة
<p>{items.length} items</p>
{isLoggedIn ? <Logout /> : <Login />}
<ul>{items.map(i => <li key={i.id}>{i.name}</li>)}</ul>ليست HTML تمامًا
classNameبدلclass.- كل وسم يجب أن يُغلق:
<img />. - المتصفح لا يفهم JSX مباشرة، فأدوات البناء تحوّلها إلى JavaScript عادي.