شرح صفوف ومحتوى الفقرة
تعمل الأقواس المعقوفة بالمرونة ذاتها عند تمرير السمات الديناميكية للعناصر؛ استخدم علامات التنصيص src="/logo.svg" للنصوص الثابتة، واستبدلها بالأقواس المعقوفة src={bannerUrl} لقراءة قيمة متغير برمجي.
احذر خطأ المبتدئين الشائع: لا تحط الأقواس المعقوفة بعلامتي تنصيص مثل src="{bannerUrl}"، لأن التنصيص يلغي التقييم البرمجي ويحول الرموز نفسها إلى نص حرفي مكسور!
HTML
function DeviceCard() {
const asset = {
src: '/images/examples/laptop-pro.webp',
alt: 'Developer laptop running Vite build',
};
return (
<figure className="rx-card">
<img src={asset.src} alt={asset.alt} />
</figure>
);
}