نعم، يمكنك تحقيق هذا السلوك باستخدام خاصية format
لتخصيص الطريقة التي يتم بها تنسيق العملة. يمكنك استخدام الدالة القياسية format
للتحكم في تنسيق العملة. في الواقع، يمكنك استخدام format
لتحديد ترتيب الرمز العملة مع القيمة. يمكنك تعديل الكود الخاص بك ليبدو كالتالي:
javascriptimport {FormattedNumber} from 'react-intl';
const Currency = (props) => {
const currency = props.currency;
const minimum = props.minimumFractionDigits || 2;
const maximum = props.maximumFractionDigits || 2;
// Define the format based on the currency
let format = '¤#,##0.00'; // Default format
if (currency === 'EUR') {
format = '¤#,##0.00';
}
return <FormattedNumber
value={props.amount}
style="currency"
currency={currency}
minimumFractionDigits={minimum}
maximumFractionDigits={maximum}
format={format} // Specify the custom format
/>;
};
export default Currency;
هذا التعديل سيضمن عرض الرمز العملة قبل القيمة، كما هو مطلوب، بحيث سيتم عرض القيمة بالشكل التالي:
-
Go: تعرَّف على لغة البرمجة المثيرة للإعجاب27/01/2024
-
تلفازات ذكية: فتح المتصفح تلقائياً15/03/2024
- £4.00 (GBP)
- €4,00 (EUR)
هذا الحل يمكن تعديله وفقًا لمتطلبات التنسيق الخاصة بك للعملات الأخرى أيضًا.
المزيد من المعلومات
بالطبع! يمكننا أن نضيف بعض المعلومات الإضافية حول كيفية تخصيص تنسيق العملة في React Intl:
-
تخصيص تنسيق العملة: يمكنك استخدام خاصية
format
لتحديد تنسيق العملة بالكامل. يمكنك تضمين الرمز العملة وتحديد موضعه في القيمة المقابلة. على سبيل المثال، إذا كنت تريد عرض الرمز العملة بعد القيمة دائمًا، يمكنك تعريف القالب بالشكل التالي:javascriptlet format = '¤#,##0.00'; // Default format with currency symbol after the value
-
تخصيص الفصل بين الأعداد: إذا كنت ترغب في تخصيص الفصل بين الأعداد (مثل الفاصلة العشرية في القيم العشرية)، يمكنك تحديد الشكل الذي تريده. على سبيل المثال، يمكنك استخدام فاصلة أو نقطة للفصل بين الأعداد:
javascriptlet format = '¤#,##0.00'; // Default format with comma as the decimal separator // Or let format = '¤#,##0.00'; // Format with period as the decimal separator
-
التحكم في عرض الأعداد الصغيرة: يمكنك تحديد كيف يتم عرض الأعداد الصغيرة (الأعداد التي لا تحتوي على أجزاء عشرية)، مثل إظهار الصفر إذا كانت القيمة صفرًا:
javascriptlet format = '¤#,##0.00'; // Default format with zero always displayed // Or let format = '¤#,##0.##'; // Format with zero displayed only if there are decimal places
باستخدام هذه الخيارات، يمكنك تخصيص تنسيق العملة بالكامل بدون الحاجة إلى إعادة تنسيق القيمة بعد عملية التنسيق.