# General Translation React SDKs (gt-react, gt-next, gt-react-native): useLocalizeHref
URL: https://generaltranslation.com/ru/docs/react/nextjs/reference/hooks/use-localize-href.mdx
Docs index: https://generaltranslation.com/llms.txt
Description: Локализация путей App Router для навигации без рендеринга ссылки. Справочник API для useLocalizeHref.

Хук `useLocalizeHref` возвращает функцию, которая локализует путь по тем же правилам, что и [`<Link>`](/docs/react/nextjs/link). Используйте его для навигации без рендеринга `<Link>`, например в `router.push()` или в пропе `href` компонента.

Импортируйте его из `gt-next/link` в клиентских компонентах или из `gt-next` в серверных и клиентских компонентах. В async-коде на сервере используйте [`getLocalizeHref`](/docs/react/nextjs/reference/functions/get-localize-href).

## Обзор [#overview]

```tsx title="components/CheckoutButton.tsx"
'use client';

import { useRouter } from 'next/navigation';
import { useLocalizeHref } from 'gt-next/link';

export function CheckoutButton() {
  const router = useRouter();
  const localizeHref = useLocalizeHref();

  return (
    <button onClick={() => router.push(localizeHref('/checkout'))}>
      Checkout
    </button>
  );
}
```

## Возвращаемое значение [#returns]

**Тип** `(href: string, locale?: string | false) => string`

Функция, которая локализует `href` для текущей локали или для `locale`, если он передан. Передайте `false`, чтобы вернуть `href` без изменений.

## Sitemap

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