Panoramica

Il componente <LocaleSelector> viene utilizzato per selezionare la lingua/locale dell’utente. È un componente client‑side che fornisce un menu a discesa per scegliere la lingua/locale.

Riferimenti

Restituisce

Un componente che consente all’utente di selezionare la propria lingua/locale.

Props

• locales (opzionale): string[]
  • Un elenco opzionale di locali (es. ['en', 'es-MX', 'fr']) per compilare il menu a discesa. Se non specificato, viene utilizzato l’elenco di locali dal contesto di <GTProvider>.
• customNames (opzionale): {[locale: string]: string}
  • Un oggetto opzionale per associare i codici locale a nomi visualizzati personalizzati.
  • Esempio: {{ 'en-US': 'English (United States)', 'es': 'Español' }}

Esempi

Utilizzo di base

import { LocaleSelector } from 'gt-next';

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

Uso con customNames

import { LocaleSelector } from 'gt-next';

export default function MyComponent() {
    const myCustomNames = {
        'en': 'Inglese',
        'es': 'Spagnolo',
        'fr-CA': 'Francese (Canada)'
    };
    return (
        <LocaleSelector customNames={myCustomNames} />
    );
}

Note

• Il componente <LocaleSelector> consente di selezionare un'altra locale per la tua app.
• Il componente <LocaleSelector> non è disponibile nel componente server.

Prossimi passi

• Scopri di più sull’hook useLocale.
• Dai un’occhiata all’hook useLocaleSelector per definire un selettore di lingua personalizzato.
• Approfondisci le stringhe di localizzazione qui.