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ámetro | Tipo | Requerido | Default | Descripcion |
---|---|---|---|---|
name | string | no | undefined | Nombre único para el filtro, utilizado en el contexto global. |
onChage | (data: useFilterDataProps<CF>) => void | no | undefined | Función que se ejecuta cuando cambian los datos del filtro. |
Returns
Parametro | Tipo | Descripcion |
---|---|---|
useData | useData<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),
});