物料休假的材料UI TextField事件

时间:2020-02-09 13:08:51

标签: reactjs events event-handling material-ui textfield

在Material UI TextField中是否存在用于离开字段或失去焦点的事件?

我需要两个事件,一个用于进入该字段,另一个用于离开该字段。可以使用onFocus处理输入字段,但是是否还有一个要离开的字段,即onFocusLostonUnfocus?以下代码段显示了当前用法,但缺少了失去焦点的事件。

<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”
  • “ react-dom”:“ 16.11.0”
  • “ @类型/反应”:“ 16.9.11”
  • “ @ types / react-dom”:“ 16.9.4”

1 个答案:

答案 0 :(得分:1)

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

使用onBlur事件可以解决您的问题

相关问题