每次输入字符时,组件中的输入字段都会变得不集中-我不知道我所做的确切更改,但是它在前一段时间起作用。在网上搜索时,我发现更改输入值可能会导致组件重新渲染并失去焦点,这可能是一个问题。即使是这样-我也找不到解决它的方法。
代码:
handleInput = (e) => {
const target = e.target;
const name = target.name;
const value = target.value;
this.setState({[name]:value})
}
render() {
const {publisher} = this.state
return (
{
this.state.isEditMode ?
<SweetAlert
title={<small>Edit mode</small>}
onConfirm={this.handleEditMode}>
<input type='text' name='publisher' onChange={(e) => this.handleInput(e)} value={publisher}/>
</SweetAlert> : null
}
}
)