Отправить форму необходимо дождаться какого -либо постоянного размытия из поля ⇐ Javascript

[Anonymous]

В моем приложении React Одним из полей формы является ZipCode , который на Blur будет заполнять City и состояние через API на основе ZipCode.

Код: Выделить всё

valueMapChange

— это мутатор карты значений переменной состояния формы ValueMap — Map().
valueMapChange("zipCode", e.target.value.replace(/\D/g, ""))}
onBlur={(e) => { handleZipBlur(e.target.value) }}
... />

const handleZipBlur = (value: string) => {
fetchCityState(value); // On BLUR populate 'city' and 'state'
}

const fetchCityState = async (zipcode: string) => {
//...Preliminary validation
// API fetch
const response = await getCityState(zipcode);
if (!response.errorMessage) {
valueMapChange('city', response.city);
valueMapChange('state', response.state);
}
}
< /code>
Существует также кнопка отправки формы, которая подчиняет форму. Если пользователь находится в поле zip и отправляется клики, иногда существует условие гонки, где у него не хватает времени, чтобы установить город/штат в Valuemap, поэтому представление входит без значений города/состояния. Это не нужно конкретно ждать чего -то. Но необходимо обнаружить, является ли в настоящее время постоянный . Как лучше всего это реализовать?

Подробнее здесь: https://stackoverflow.com/questions/797 ... om-a-field