Skip to main content
Relanzada por el usuario Comunidad
Relanzada por el usuario Comunidad
Relanzada por el usuario Comunidad
se añadieron 127 caracteres en el cuerpo
Origen Enlace

React: shouldComponentUpdate wait for an asynchronous operationesperar una operación asincrónica

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

React: shouldComponentUpdate wait for an asynchronous operation

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 lost.

The confirm of js does block the code so I can do this:

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 the confirm method by the one of the library react-confirm I can't wait for the result of this asynchronous operation.

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 this?

React: shouldComponentUpdate esperar una operación asincrónica

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

Origen Enlace

React: shouldComponentUpdate wait for an asynchronous operation

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 lost.

The confirm of js does block the code so I can do this:

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 the confirm method by the one of the library react-confirm I can't wait for the result of this asynchronous operation.

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 this?