我有一个论坛站点的应用程序。使用autoFocus关键字渲染某些子组件(文本编辑器)时出现问题。我看到了焦点(即光标),但过了一会儿它移到了页面的。我从这段代码知道:
document.activeElement
<body>
这很烦人,因为用户必须先单击文本编辑器才能键入。我该如何解决?冒泡有问题吗?
更多详细信息:
在论坛站点上,当我单击“回复”按钮时,将启动“回复”组件。 Reply组件使用使用slate-react构建的TextEditor组件。 TextEditor使用autoFocus关键字呈现一个Editor元素:
<Editor spellCheck autoFocus ../>
正如我在上面所述,我发誓我在编辑器上看到了光标,但随后它消失了。我在应用程序中使用了不同的生命周期方法,但是autoFocus仅在该Editor元素中使用。
我的应用程序非常复杂,我认为我无法提供示例。