شرح صفوف ومحتوى الفقرة
لا تكفي الوسوم الثابتة وحدها لعرض اسم المتعلم أو حساب إجمالي فاتورة أو إظهار نسبة الإنجاز الحية. داخل JSX تفتح الأقواس المعقوفة { } نافذة مباشرة إلى لغة JavaScript؛ إذ تحسب React ناتج أي تعبير تكتبه بداخلها لحظة التصيير وتدرج قيمته في الواجهة.
يمكنك تضمين المتغيرات، وخصائص الكائنات مثل {course.title}، والعمليات الحسابية مثل {completed + 1}، واستدعاءات الدوال مثل {title.toUpperCase()}.
HTML
function OrderSummary() {
const planName = 'CloseTag Pro Lab';
const price = 24;
const seats = 3;
return (
<section className="rx-card">
<h3>{planName.toUpperCase()}</h3>
<p>Total ({seats} seats): ${price * seats}</p>
</section>
);
}