Estoy 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. Cuando uso el método confirm de js, 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;
}
}
Sin embargo, cuando reemplazo el método confirm de js por el de la librería react-confirm (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);
}
Alguna idea? Gracias