useDocumentTitle
Establece document.title de forma declarativa y restaura el título original al desmontar (a menos que se opte por no hacerlo).
Firma
function useDocumentTitle(title: string, persistOnUnmount?: boolean): void
Parámetros
| Parámetro | Tipo | Por defecto | Descripción |
|---|---|---|---|
title | string | — | El título a establecer |
persistOnUnmount | boolean | false | Cuando es true, el título no se restaura al desmontar el componente |
Comportamiento
- Establece
document.titleinmediatamente en cada render cuandotitlecambia. - Captura el título original en un
refal montar. - Restaura el título original al desmontar, a menos que
persistOnUnmountseatrue.
Ejemplo
import { useDocumentTitle } from "@julianfere/hooked";
function PaginaProducto({ nombre }: { nombre: string }) {
useDocumentTitle(`${nombre} — Mi Tienda`);
return <h1>{nombre}</h1>;
}
nota
Este hook interactúa con document.title, que no está disponible en entornos de renderizado del lado del servidor. En un setup con SSR, asegurate de que el hook sólo se ejecute en el cliente.