Создание формы REST для отправки данных на размытие

Question

Я работаю над созданием формы, в которой каждое введенное поле будет отправлять часть объекта на сервер и ждать ответа на размытие.Моя проблема на данный момент заключается в том, что состояние не обновляется достаточно быстро, прежде чем пользователь перейдет к следующему полю ввода.Сценарий:

1. Пользователь вводит информацию в поле
2. Пользователь переходит к следующему полю
3. В этот момент выполняется вызов REST, переносящий объектиз того, что пользователь набрал
4. Ответ возвращается с данными для заполнения следующего поля
5. Однако иногда кажется, что ответ был недостаточно быстрым или состояние не былообновляется достаточно быстро, поэтому следующее поле не заполнено заранее

Я надеюсь, что кто-то может помочь мне с тем, какой лучший подход здесь поможет ускорить процесс.Я могу предоставить некоторый код, но я надеюсь больше на некоторое руководство, а не на ответы кода.

Относительно пост-звонка axios:

try {
  await this.plansApi
    .compileFields({ obj, carrier, benefitQuery })
    .catch(error => {
      const { required } = error.response.data;
      const { validation } = error.response.data;
      const arr = [];
      if (required !== undefined) {
        required.forEach(item => {
          arr.push(item.name);
        });
        this.setState({ required: arr });
      }
      if (validation !== undefined) {
        validation.forEach(item => {
          arr.push(item.name);
        });
      }
      const check = _.find(goldenListKeys, { name: 'loadingRate' });
      if (check !== undefined) {
        Object.assign(obj.inputData, { loadingRate: 1 });
      }
    });
} catch (err) {
  process.stdout.write(err);
}