用于现场离开的 Material UI TextField 事件

Question

Material UI 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”
• “反应DOM”：“16.11.0”
• "@types/react": "16.9.11"
• "@types/react-dom": "16.9.4"

Answer 1

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

使用 onBlur 事件这将解决您的问题