Tengo un boton que suma unos valores en un array, pero si por error doy doble click en el boton, esta suma de duplica. Lo cual perjudica mi resultado.
Mi pregunta es: abra alguna forma de evitar que se pueda dar doble click a un boton, no se algun atributo o propiedad que me ayude con esto? y disculpen mi ignorancia estoy aprendiendo.
Mi boton se encarga de sumar unos valores y guardar en la coleccion de firebase, pero si por error doy doble click entonces este resultado se duplica y asi se guarda en la base de datos lo cual debo evitar resultados errados. Quisiera bloquear de alguna manera esto, que cuando se de doble click entonces mi resultado se mantenga como inicialmente se calculo. Estoy trabajando con reactjs
Este es mi codigo del boton:
const generateReport = async () => {
const objArray = await consultValues();
const resultObjArray = [];
objArray.forEach((el) => {
const objectIndex = resultObjArray.findIndex(
(obj) => obj.filas === el.filas && obj.columnas === el.columnas
);
if (objectIndex === -1) {
resultObjArray.push(el);
} else {
resultObjArray[objectIndex].valores += el.valores;
}
});
addCollectionResult(resultObjArray);
navigate("/report-generated");
};
y asi esta en el jsx
<section>
<ButtonApp name="Generar Reporte" onClick={generateReport} />
</section>
isGeneratingReport
. La variable se cambia atrue
en cuantogenerateReport
es ejecutado. En generate report, haces un early return siisGeneratingReport
es verdadero. La variable se cambia afalse
cuando tuawait
se complete.