# General Translation React SDKs (gt-react, gt-next, gt-react-native): useSetLocale URL: https://generaltranslation.com/ru/docs/react/reference/hooks/use-set-locale.mdx --- title: useSetLocale description: Изменение активной локали. Справочник API для useSetLocale. --- Хук `useSetLocale` возвращает функцию для изменения активной локали. Доступен только на стороне клиента. *Доступно в `gt-react`, `gt-next`, `gt-tanstack-start` и `gt-react-native`.* ## Обзор [#overview] Вызовите `useSetLocale`, чтобы получить функцию установки, затем вызовите её, передав код локали. *В примерах используется импорт из `gt-react`; вместо этого импортируйте из пакета вашего фреймворка.* ```tsx import { useSetLocale } from 'gt-react'; export default function LocaleButton() { const setLocale = useSetLocale(); return ; } ``` *Примечание: `useSetLocale` доступен только на стороне клиента.* ## Как это работает [#how-it-works] Вызов возвращённой функции сохраняет локаль и применяет её через активный фреймворк: * React по умолчанию сохраняет её в cookie-файле и перезагружает страницу. * Next.js App Router сохраняет её в cookie-файле и обновляет дерево серверных компонентов. Pages Router может заменить перезагрузку по умолчанию навигацией Next.js. * TanStack Start сохраняет её в cookie-файле и перезагружает страницу или переходит к соответствующему pathname, если включён [`localeRouting`](/docs/react/reference/config#locale-routing). * React Native сохраняет её в нативном хранилище, обновляет состояние provider, загружает переводы и повторно выполняет рендеринг. ## Возвращает [#returns] **Тип** `(locale: string) => void` Функция, устанавливающая активную локаль по указанному коду. ## Примечания [#notes] * `useSetLocale` работает только на стороне клиента. * Чтобы узнать активную локаль, используйте [`useLocale`](/docs/react/reference/hooks/use-locale). Если нужен готовый переключатель, используйте [``](/docs/react/reference/components/locale-selector).