Estoy hace días intentando hacer una función que haga lo que dice el título pero no he podido.
Quiero lograr que el filtrado sea dinámico, osea que pueda usar todos a la vez así como algunos si y otros no.
Tengo un componente Filter que envía por props el estado de cada uno de los inputs. De esta manera, el botón "buscar" quedaría así:
<button
className="boton-buscar"
onClick={() => {
props.filtrar(depto, inmueble, estado, dormitorios);
}}
>
BUSCAR
</button>
En cuanto a la función filtrar, en el componente padre, hasta ahora la estoy formulando así:
const filter = (depto, inmueble, estado, dormitorios) => {
const arrayFiltrado = [...arrayOriginal].filter((propiedad) => {
if (propiedad.departamento !== "") {
if (propiedad.departamento === depto) {
return propiedad;
}
}
if (propiedad.tipo !== "") {
if (propiedad.tipo === inmueble) {
return propiedad;
}
}
});
setArrayPublicaciones(arrayFiltrado);
};
Como ven, está incompleta en cuanto a las propiedades, pero en principio quiero probar filtrando dinámicamente por dos propiedades (en este caso depto e inmueble) para ver si funciona y aún no lo he logrado.
Agradezco cualquier ayuda, saludos!!