شرح صفوف ومحتوى الفقرة
يمكنك إسناد قيم احتياطية آمنة أثناء التفكيك باستخدام علامة المساواة مثل function PricingBadge({ plan = 'Community', price = 0 }). وتعمل هذه القيم الافتراضية تلقائياً عند عدم تمرير الخاصية من الأب أو عند تمرير القيمة undefined.
انتبه إلى أن تمرير null أو الرقم 0 لا يفعّل القيمة الافتراضية، لأن لغة JavaScript تعاملهما كقيم محددة مقصودة وليست غائبة.
HTML
function PricingTag({ plan = 'Starter', price = 0 }) {
return (
<div className="rx-card">
<h3>{plan}</h3>
<p>Monthly Cost: ${price}</p>
</div>
);
}