Tengo un formulario web React con una validación compleja que se ejecuta cada vez que ocurre un focus() o un blur() en cada campo de formulario HTML. Cada uno de esos eventos de campo está asociado con uno o más métodos de JavaScript. Dentro de esos métodos de JavaScript, hacemos llamadas AJAX para validar los datos ingresados en el campo del formulario (por ejemplo, verificar si la identificación del proveedor se encuentra en el software ERP, etc.).

Ahora que he completado toda la lógica de validación de campos, quiero incluir la lógica en el botón Submit donde, una vez más, recorre cada uno de los campos del formulario y ejecuta los métodos JavaScript relevantes relacionados con la validación.

El problema es que estos métodos deben llamarse en un orden particular. Y, en la mayoría de los casos, debemos esperar a que finalicen las llamadas AJAX incrustadas en el método JavaScript antes de pasar a la siguiente llamada.

He mirado las Promises de JavaScript, pero ¿es posible hacer que la Promesa espere a que se complete la llamada AJAX de JavaScript incrustada antes de pasar al siguiente then() ?