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.
suspenseTimeoutMsnummerMaximale Zeit, für die das Rendern blockiert werden darf, bevor mit dem Fallback-Rendering fortgefahren wird.
fetchertypeof fetchBenutzerdefinierte Abrufimplementierung.
akzeptierteLokalisierungenstring[]Optionale explizite Gebietsschemas-Liste.

Scoped props

Verschachtelte Bereiche akzeptieren:

RequisiteTypNotizen
Kontextstring | objektErforderlich.
lokalZeichenfolgeVerfügbar, aber verwende einen verschachtelten Root für eine isolierte Locale-Sitzung.
basisLocaleZeichenfolgeOptionale Quellgebietsschema-Überschreibung für den Unterbaum.
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 ausgewählte Gebietsschema für die aktuelle Root-Laufzeit.

useTargetLocale()

Liest die aktive Zielgebietssprache für den aktuellen Geltungsbereich.

useBaseLocale()

Liest die Quell-Locale für die aktuelle Root-Laufzeitumgebung.

useSetCurrentLocale()

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

useAcceptedLocales()

Liest die aufgelöste Liste der akzeptierten Gebietsschemas aus der Root-Runtime.

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
React-Referenz