# General Translation React SDKs (gt-react, gt-next, gt-react-native): useLocales
URL: https://generaltranslation.com/it/docs/react/reference/hooks/use-locales.mdx
Docs index: https://generaltranslation.com/llms.txt
Description: Elenca le impostazioni regionali supportate. Riferimento API per useLocales.

L&#39;hook `useLocales` restituisce i codici locale supportati dalla tua app come array di stringhe, letti dal contesto [`<GTProvider>`](/docs/react/reference/components/gt-provider). Usalo per renderizzare o scorrere le impostazioni regionali disponibili, ad esempio quando crei un selettore della lingua personalizzato.

*Disponibile in `gt-react`, `gt-next`, `gt-tanstack-start` e `gt-react-native`.*

## Panoramica [#overview]

Usa `useLocales` per leggere i codici locale supportati.

*Gli esempi importano da `gt-react`; importa invece dal package del tuo framework.*

```tsx
import { useLocales } from 'gt-react';

export default function LocaleList() {
  const locales = useLocales(); // [!code highlight]
  return (
    <ul>
      {locales.map((locale) => (
        <li key={locale}>{locale}</li>
      ))}
    </ul>
  );
}
```

*Nota: in `gt-react`, chiama `useLocales` all&#39;interno di un [`<GTProvider>`](/docs/react/reference/components/gt-provider). In `gt-next`, funziona anche nei componenti server.*

## Come funziona [#how-it-works]

L&#39;elenco deriva dai [`locales`](/docs/react/reference/config#locales) che hai configurato. Ogni voce corrisponde a un codice locale BCP 47.

## Restituisce [#returns]

**Tipo** `readonly string[]`

Un array di codici locale supportati, come `['en-US', 'fr', 'ja']`.

## Note [#notes]

* `useLocales` è sincrona e funziona sia nei componenti server che in quelli client.
* Per leggere l&#39;impostazione regionale attiva, usa [`useLocale`](/docs/react/reference/hooks/use-locale).

## Sitemap

See the full [sitemap](https://generaltranslation.com/sitemap.md) for all pages.