محولات الأطر

React

يوفر المحول __React__ موفرًا يعتمد على السياق وخطافات تعيد العرض تلقائيًا عندما تتغير الإعدادات المحلية.

ts
import { PicoIntlProvider, useLocale, useT } from '@pico-intl-dev/react';

function Title() {
  const t = useT();
  const { dir } = useLocale();
  return <h1 dir={dir}>{t('app.title')}</h1>;
}

النقاط الرئيسية

  • لف التطبيق باستخدام PicoIntlProvider.
  • __useT()__ تُرجع وظيفة ترجمة تفاعلية محلية.
  • __useLocale()__ يُرجع اللغة الحالية و__setLocale()__.

الخطوة التالية

انسخ المثال إلى أداة تثبيت صغيرة، وقم بتشغيل أوامر التحقق من الصحة، وحافظ على المسار أو السلوك الخاص بإطار العمل الذي تغطيه اختبارات التطبيق.