Как правильно уловить событие change/focusOut при вводе текста в React.js?

У меня есть форма, в которой я хочу обработать событие изменения при вводе текста, но React onChange вызывает нажатие клавиши (в отличие от собственного JS, которое вызывает событие изменения, когда поле ввода не в фокусе).

Есть ли у React способ сделать то, что я хочу?

Ответ 1

Если вы хотите только активировать проверку, когда вход теряет фокус, вы можете использовать onBlur

Ответ 2

Уже поздно, но стоит того, чтобы заметить, что существует некоторая разница в реализации событий focusin и focusout на уровне браузера и синтетической реакции onFocus и onBlur. focusin и focusout на самом деле пузыриваются, тогда как onFocus и onBlur этого не делают. Таким образом, не существует точно такой же реализации для focusin и focusout, как сейчас для реакции. В любом случае, большинство случаев будет рассмотрено в onFocus и onBlur.