<LocaleSelector>

Übersicht

Die <LocaleSelector>-Komponente wird verwendet, um die Spracheinstellung des Benutzers auszuwählen. Es handelt sich um eine Client-seitige Komponente, die ein Dropdown-Menü zur Auswahl der Spracheinstellung bereitstellt.

Referenz

Rückgabe

Eine Komponente, die es dem Benutzer ermöglicht, sein Gebietsschema auszuwählen.

Props

• locales (optional): string[]
  • Eine optionale Liste von Gebietsschemata (z.B. ['en', 'es-MX', 'fr']) zum Befüllen des Dropdowns. Wenn nicht angegeben, wird die Liste der Gebietsschemata aus dem <GTProvider>-Kontext verwendet.
• customNames (optional): {[locale: string]: string}
  • Ein optionales Objekt zur Zuordnung von Gebietsschema-Codes zu benutzerdefinierten Anzeigenamen.
  • Beispiel: {{ 'en-US': 'English (United States)', 'es': 'Español' }}

Beispiele

Grundlegende Verwendung

import { LocaleSelector } from 'gt-next';

export default function MyComponent() {
    return (
        <LocaleSelector />
    );
}

Verwendung mit customNames

import { LocaleSelector } from 'gt-next';

export default function MyComponent() {
    const myCustomNames = {
        'en': 'English',
        'es': 'Español',
        'fr-CA': 'Français (Canada)'
    };
    return (
        <LocaleSelector customNames={myCustomNames} />
    );
}

Hinweise

• Die <LocaleSelector>-Komponente ermöglicht es Ihnen, eine andere Sprache für Ihre App auszuwählen.
• Die <LocaleSelector>-Komponente ist in der Server-Komponente nicht verfügbar.

Nächste Schritte

• Erfahre mehr über den useLocale() Hook.
• Sieh dir den useLocaleSelector() Hook an, um einen benutzerdefinierten Locale-Selector zu definieren.
• Erfahre mehr über Locale-Strings hier.