Überblick

Die Komponente <LocaleSelector> dient dazu, die Locale des Nutzers auszuwählen. Sie ist eine Client-seitige Komponente, die ein Dropdown zur Auswahl der Locale bereitstellt.

Referenz

Rückgabewert

Eine Komponente, mit der der Benutzer sein Locale auswählen kann.

Props

• locales (optional): string[]
  • Eine optionale Liste von locales (z. B. ['en', 'es-MX', 'fr']) zum Befüllen des Dropdowns. Wenn nicht angegeben, wird die Liste der locales aus dem <GTProvider>-Kontext verwendet.
• customNames (optional): {[locale: string]: string}
  • Ein optionales Objekt, um locale codes benutzerdefinierten Anzeigenamen zuzuordnen.
  • 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': 'Englisch',
        'es': 'Spanisch',
        'fr-CA': 'Französisch (Kanada)'
    };
    return (
        <LocaleSelector customNames={myCustomNames} />
    );
}

Hinweise

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

Nächste Schritte

• Erfahren Sie mehr über den Hook useLocale.
• Sehen Sie sich den Hook useLocaleSelector an, um einen benutzerdefinierten LocaleSelector zu definieren.
• Mehr über Locale-Strings erfahren Sie hier.