# gt-react: General Translation React SDK: useLocales
URL: https://generaltranslation.com/ru/docs/react/api/helpers/use-locales.mdx
---
title: useLocales
description: Справочник по API хука useLocales
---

{/* СОЗДАНО АВТОМАТИЧЕСКИ: Не редактируйте напрямую. Вместо этого измените шаблон в content/docs-templates/. */}


## Обзор

Хук `useLocales` возвращает список поддерживаемых локалей из [контекста `<GTProvider>`](/docs/react/api/components/gtprovider).

<Callout>
  `useLocales` — это клиентский хук, и *его можно использовать только в клиентских компонентах*.
  Убедитесь, что ваше приложение обёрнуто в [`<GTProvider>`](/docs/react/api/components/gtprovider).
</Callout>

## Справочник

### Возвращает

`string[]` — Массив [кодов локалей](/docs/core/locales) в формате BCP 47, обозначающих поддерживаемые локали, например `['en-US', 'fr', 'ja']`.

***

## Примеры

### Основное использование

```jsx title="LocaleList.jsx" copy
'use client';
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>
  );
}
```

***


## Примечания

* Хук `useLocales` использует [`<GTProvider>`](/docs/react/api/components/gtprovider) для доступа к контексту. Убедитесь, что ваше приложение обёрнуто в провайдер на корневом уровне.
* `useLocales` работает только на стороне клиента. 

## Следующие шаги

* Узнайте, как настроить поддерживаемые локали в [`gt.config.json`](/docs/react/api/config/gt-config-json).