如何确保我的UI上唯一的draft-js
文本框在页面加载时自动聚焦?
有一个名为focus
的已记录方法,但我不确定需要实现的语法。
this.refs.editor.focus()
会使光标位于文本开头。因此,为了将光标移动到末尾,我们需要在 componentDidMount
中进行如下操作。 componentDidMount() {
this.setState({
editorState: EditorState.moveFocusToEnd(this.state.editorState), // EditorState imported from draft-js
});
}
请参见这里
基本上,您可以像这样操作:
<Editor ref="someRef" />
并且
componentDidMount = () => {
this.refs.someRef.focus();
}
ref={someRef}
,在我的UseEffect中,我使用someRef.current.focus();
并传入一个空数组作为依赖项。 - nkhil