Событие TextField пользовательского интерфейса для выхода из поля - PullRequest
Новая
       29

Событие TextField пользовательского интерфейса для выхода из поля

0 голосов
/ 09 февраля 2020

Есть ли событие для выхода из поля или потери фокуса в TextField пользовательского интерфейса материала?

Мне нужно два события, одно для ввода и одно для выхода из поля. Ввод поля может быть обработан с помощью onFocus, но есть ли еще один для выхода, то есть onFocusLost или onUnfocus? Следующий фрагмент кода показывает текущее использование, пропуская событие для потери фокуса. 

<TextField
    value={this.state.fieldFirstName}
    onChange={(e: any) => this.onChangeFieldFirstName(e.target.value)}
    onFocus={() => this.onFocusFieldFirstName()}
/>

Используемые версии:

  • Узел v13.8.0
  • npm 6.13.6
  • "@ material-ui / core": "4.6.1"
  • "реагировать": "16.11.0"
  • "реагировать-дом" : "16.11.0"
  • "@ types / реакции": "16.9.11"
  • "@ types / реаги-дом": "16.9.4"

1 Ответ

0 голосов
/ 09 февраля 2020 
<TextField
value={this.state.fieldFirstName}
onChange={(e: any) => this.onChangeFieldFirstName(e.target.value)}
onFocus={() => this.onFocusFieldFirstName()}
onBlur={() => this.onBlurField()}/>

Используйте событие onBlur, это решит вашу проблему

...