JSX و کامپوننت‌ها (Components)

بخشی از دوره ری‌اکت

در درس پیش دیدید که یک کامپوننت چیزی برگرداند که شبیه HTML بود: return <h1>Hello, React</h1>;. همان‌جا باید کمی به نظرتان ناجور آمده باشد. تابع‌های جاوااسکریپت مقدارهایی مثل عدد و رشته و شیء برمی‌گردانند، نه علامت‌های کوچک‌تر و بزرگ‌تر. اینکه می‌شود نشانه‌گذاری (markup) را مستقیم داخل یک تابع جاوااسکریپت نوشت، فقط به لطف لایه‌ای به نام JSX است، و آن لایه مجموعهٔ کوچکی از قاعده‌های خودش را دارد که آن‌قدر با HTML فرق...

JSX کوتاه‌شدهٔ «جاوااسکریپت XML» است. افزونه‌ای است بر دستور زبان، که می‌گذارد چیزی شبیه یک تگ HTML را مستقیم داخل کد جاوااسکریپت بنویسید. یک ابزار ساخت عبارت <h1>Hello</h1> را می‌خواند و پیش از آنکه مرورگر شما چیزی ببیند، آن را به یک فراخوانی سادهٔ تابع تبدیل می‌کند، تقریباً به شکل createElement("h1", null, "Hello").