que tal? estoy usando el componente Slider de Primevue (https://primefaces.org/primevue/showcase/#/slider) y yo quiero que, al actualizar el valor, este se guarde en el state. Ocurre correctamente, pero si yo arrastro de un valor hasta el otro, se ejecuta la función que actualiza el valor, por cada uno de los valores interiores. Es decir, si yo corro el slide de 1 a 100, la función se ejecuta 99 veces.
Alguna vez vi una función llamada debounce
en react pero no recuerdo como funciona, y queria ver si me daban una mano con eso.
<Slider
v-model="roofedSurface"
:max="100000"
:min="0"
:range="true"
:slideend="actualizarSuperficieCubierta()"
/>
Esta es la funcion actualizarSuperficieCubierta()
const actualizarSuperficieCubierta = () => {
const data = [{
compare: ">=",
valor: roofedSurface.value[0],
},{
compare: "<=",
valor: roofedSurface.value[1]
}];
store.dispatch('filtros/roofedSurfaceAction', data)
};
Yo quisiera que la función espere a que terminen todas las llamadas, y luego se ejecute una sola vez. Agradezco cualquier sugerencia.