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"
• "react": "16.11.0"
• "react-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 事件这将解决您的问题