Асинхронная проверка реакция-окончательная форма setTimeout

Question

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

В избыточной форме я использовал setTimeout, clearTimeout и выдавал ошибку при асинхронной проверке, аналогичную this

Я создал пример, который, как я ожидал, будет работать. Полный пример доступен здесь .

const usernameAvailable = value => {
  if (!value) {
    return "Required";
  }

  setTimeout(() => {
    return "Username taken!";
  }, 500);
};

Required работает должным образом, если значение отсутствует, но Username taken! никогда не отображается как ошибка.

Answer 1

Как насчет использования validateOnBlur?