# General Translation React SDKs (gt-react, gt-next, gt-react-native): useLocalizeHref
URL: https://generaltranslation.com/es/docs/react/nextjs/reference/hooks/use-localize-href.mdx
Docs index: https://generaltranslation.com/llms.txt
Description: Localiza rutas del App Router para la navegación que no renderiza un enlace. Referencia de la API de useLocalizeHref.

El hook `useLocalizeHref` devuelve una función que localiza una ruta aplicando las mismas reglas que [`<Link>`](/docs/react/nextjs/link). Úsalo en navegaciones que no renderizan un `<Link>`, como `router.push()` o la prop `href` de un componente.

Impórtalo desde `gt-next/link` en componentes cliente, o desde `gt-next` tanto en componentes de servidor como en componentes cliente. En código de servidor asíncrono, usa [`getLocalizeHref`](/docs/react/nextjs/reference/functions/get-localize-href).

## Descripción general [#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>
  );
}
```

## Devuelve [#returns]

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

Una función que localiza `href` para la configuración regional actual o, si se indica, para `locale`. Pasa `false` para devolver `href` sin modificar.

## Sitemap

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