React-Referenz

Ways

Root props

Gemeinsame Wurzel-Eigenschaften:

RequisiteTypNotizen
apiKeyZeichenfolgeErforderlich.
lokalZeichenfolgeAktuelle Zielgebietssprache.
basisLocaleZeichenfolgeQuellgebiet.
persistLocaleCookiebooleanStandard-Cookie-Richtlinie für die Root-Laufzeit.
Kontextstring | objektOptionaler Wurzelkontext.
cacheTtlnummerCache-TTL für Übersetzungsanfragen.
NachrichtenFormatter'waysParser' | 'keine' | fnParser- oder Formatiererüberschreibung.
fetchertypeof fetchBenutzerdefinierte Abrufimplementierung.
akzeptierteLokalisierungenstring[]Optionale explizite Gebietsschemas-Liste.

Scoped props

Verschachtelte Bereiche akzeptieren:

RequisiteTypNotizen
Kontextstring | objektErforderlich.
lokalZeichenfolgeOptionale Gebietsschema-Überschreibung.
basisLocaleZeichenfolgeOptionale Basis-Locale-Überschreibung.
KomponentenAufzeichnung<string, komponent>Komponenten, die in übersetzbarem Inhalt verwendet werden.

T

T ist das JSX-erste Übersetzungsprimitive.

RequisiteTypNotizen
KinderReactNodeErforderlich.
variablenRecord<string, unbekannt>Interpolationseingabe.
Kontextstring | objektOptionale Überschreibung des Blattkontexts.
KomponentenAufzeichnung<string, komponent>Komponentenabbildung für reichhaltige Inhalte.
festgelegtbooleanÜbersetzung für festgelegte Markeninhalte überspringen.

useT()

useT() gibt eine Übersetzungsfunktion für Strings, Attribute und Logik zurück.

tsx
const t = useT();
const label = t('Save changes');

Laufzeit-Hooks

useTranslatedMemo()

Ein memoisiertes Wert, das neu berechnet wird, wenn sich die Übersetzungen ändern.

useTranslationLoading()

Gibt true zurück, solange der aktuelle Kontext noch geladen wird.

useCurrentLocale()

Liest die Stamm-Laufzeitlokalisierung.

useSetCurrentLocale()

Gibt den Setter für die Stamm-Laufzeitlokalisierung zurück.

LanguageSwitcher

Gemeinsame Eigenschaften:

RequisiteTypNotizen
currentLocaleZeichenfolgeKontrollierte Region.
onLocaleChange(locale) => voidÄnderungsbehandler.
Richtung'hoch' | 'runter'Menürichtung.
Stile / KlassenNamenObjektStyling-Überschreibungen.
unstyledbooleanIntegrierte Stile deaktivieren.

Utility exports

@18ways/react exportiert auch:

  • fetchAcceptedLocales
  • fetchConfig
  • resolveOrigin