如何解决使用React Re-Render渲染Textarea失去焦点
所以,我有一个带有嵌套元素的树结构,可以在大树中移动位置。例如,Object 3
可以从这里开始:
- Object 1
- Object 2
- Object 3
但是移到这里:
- Object 1
- Object 2
- Object 3
每个对象中都有一个textarea
。当textarea
拥有焦点并且React恰好重新渲染时,它将失去焦点。请注意,重新渲染可以像上面那样移动对象的位置(不是简单的列表)。我尝试在对象,文本区域以及两者上使用key
,但无论如何,我都失去了注意力。
<Element key={"Element_" + obj.id} /> //unique key id
元素的渲染功能:
render() {
return <div className="ElementContainer">
<div className="ElementTextAreaContainer">
<textarea className="Element" onChange={this.handleChange} rows={1} onKeyDown={this.handleKeyDown} onKeyUp={this.handleKeyUp} defaultValue={this.state.text} key={"ElementTextArea_" + this.props.obj.id}></textarea>
<p className="Element Clone">{this.state.text}</p>
</div>
</div>;
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。