state: IState = {
items: [],
data: '', //data是输入框的当前内容
}
updateState = (e) => {
this.setState({ data: e.target.value })
} //即时更新,不加这个就不会更新输入框内容
getInput = (e) => {
if (e.key == 'Enter') {
//输入回车后的一些操作
this.state.data = ''
this.setState({ items: this.state.items, data: this.state.data })
}
}
<input id="input" type="text" className="input" onKeyDown={this.getInput} value={this.state.data} onChange={this.updateState} />
react控制 input 框回车之后内容清空
最新推荐文章于 2024-09-03 15:54:07 发布