شرح صفوف ومحتوى الفقرة
لإبقاء عناصر الواجهة مقروءة وأنيقة، تجنب حشو معادلات التنسيق الطويلة مباشرة وسط الوسوم. افصل تنسيق العملات والأرقام والتواريخ في دوال مساعدة نقية بأعلى الملف معتمداً على واجهة Intl القياسية في المتصفح، ثم استدعِها باختصار مثل {formatPrice(amount)}.
HTML
const usd = new Intl.NumberFormat('en-US', {
style: 'currency',
currency: 'USD',
});
function PlanPriceCard() {
const fee = 149.5;
return (
<div className="rx-card">{usd.format(fee)}</div>
);
}