usePagination

El hook usePagination permite gestionar y manipular datos de paginación en una aplicación. Utiliza el hook useData internamente para manejar el estado de los datos de paginación y proporciona métodos para actualizar y cambiar estos datos.

Importación

Para importar el componente usePagination, se puede hacer desde fenextjs

import { usePagination } from "fenextjs";

Parámetros

Parámetro	Tipo	Requerido	Default	Descripcion
name	string	no		Nombre único para diferenciar distintas instancias de paginación.
onChage	(data: PaginationDataProps) => void	no		Función que se ejecuta cuando los datos de paginación cambian.

Returns

Parametro	Tipo	Descripcion
data	PaginationDataProps	Los datos actuales de paginación.
setData	(data: PaginationDataProps) => void	Función para establecer los datos de paginación directamente.
onChangeData	(data: PaginationDataProps) => void	Función para cambiar un solo dato de paginación.
setDataFunction	(fn: (data: PaginationDataProps) => PaginationDataProps) => void	Función para actualizar los datos de paginación usando una función de callback.

Usos

Uso básico de usePagination

const { data, setData } = usePagination({
  name: "pagination-example",
  onChage: (newData) =>
    console.log("Datos de paginación actualizados:", newData),
});

Actualizar datos de paginación

const { setData } = usePagination({ name: "pagination-example" });
setData({ page: 1, npage: 10 });

Usar setDataFunction para actualizar datos

const { setDataFunction } = usePagination({ name: "pagination-example" });
setDataFunction((prevData) => ({ ...prevData, page: prevData.page + 1 }));

useStateGlobalContext useFilter