# General Translation React SDKs (gt-react, gt-next, gt-react-native): useLocalizeHref
URL: https://generaltranslation.com/fr/docs/react/nextjs/reference/hooks/use-localize-href.mdx
Docs index: https://generaltranslation.com/llms.txt
Description: Localisez les chemins de l’App Router pour une navigation qui n’effectue pas le rendu d’un lien. Référence de l’API pour useLocalizeHref.

Le hook `useLocalizeHref` renvoie une fonction qui localise un chemin selon les mêmes règles que [`<Link>`](/docs/react/nextjs/link). Utilisez-le pour les navigations qui n’effectuent pas le rendu d’un `<Link>`, par exemple avec `router.push()` ou pour la prop `href` d’un composant.

Importez-le depuis `gt-next/link` dans les composants clients, ou depuis `gt-next` dans les composants serveur et clients. Dans le code serveur async, utilisez plutôt [`getLocalizeHref`](/docs/react/nextjs/reference/functions/get-localize-href).

## Vue d’ensemble [#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>
  );
}
```

## Valeurs de retour [#returns]

**Type** `(href: string, locale?: string | false) => string`

Une fonction qui localise `href` pour les paramètres régionaux actuels, ou pour `locale` s&#39;il est fourni. Passez `false` pour renvoyer `href` tel quel.

## Sitemap

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