Hooks
useFilter

useFilter

El hook useFilter permite manejar datos de filtrado combinando búsqueda, fechas y propiedades personalizadas.

Importación

Para importar el componente useFilter, se puede hacer desde fenextjs

import { useFilter } from "fenextjs";

Parámetros

ParámetroTipoRequeridoDefaultDescripcion
namestringnoundefinedNombre único para el filtro, utilizado en el contexto global.
onChage(data: useFilterDataProps<CF>) => voidnoundefinedFunción que se ejecuta cuando cambian los datos del filtro.

Returns

ParametroTipoDescripcion
useDatauseData<useFilterDataProps<CF>>Retorna los datos de filtrado gestionados con useData, incluyendo búsqueda, fechas y propiedades personalizadas.

Usos

  • Uso básico del filtro
const { data, onChangeData } = useFilter({ name: "productos" });
onChangeData("search")("texto de busqueda");
  • Uso con función de cambio
const { data } = useFilter({
  name: "usuarios",
  onChage: (filterData) => console.log("Filtro cambiado:", filterData),
});