I'm trying to show a confirm modal (using react-confirm) to warn the user when he's trying to move to another section that the information completed in the form will be lostEstoy tratanto de mostrar un mensaje de confirmación para que le avise al usuario cuando intente cambiar de sección que los datos que completó serán descartados.
The Cuando uso el método confirm ofde js does block the code so I can do this, como bloquea el código, puedo hacer esto:
shouldComponentUpdate(nextProps, nextState) {
if (confirm('Hay cambios sin guardar, si continua se perderán. ¿Desea continuar?')) {
return true;
} else {
return false;
}
}
But when I replace theSin embargo, cuando reemplazo el método confirm method by the one of the libraryde js por el de la librería react-confirm I can't wait for the result of this asynchronous operation(que simplemente muestra un modal de bootstrap y retorna respuesta en el callback) no puedo conseguir retornar el valor al método shouldComponentUpdate y que este a su vez lo retorne.
async shouldComponentUpdate(nextProps, nextState) {
const response = await confirm('Hay cambios sin guardar, si continua se perderán. ¿Desea continuar?', { title: "Cambios sin guardar", okLabbel: "Sí", cancelLabel: "No!" })
.then(
() => {
return true;
},
() => {
return false;
}
);
return (response);
}
Does anyone know how can I get thisAlguna idea? Gracias