Javascript Draftjs测试编辑器的自动聚焦

Javascript Draftjs测试编辑器的自动聚焦,javascript,reactjs,draftjs,Javascript,Reactjs,Draftjs,如何确保UI上唯一的草稿js文本框自动聚焦于页面加载 有一个名为的文档化方法,但是我不确定实现所需的语法。请参阅 基本上,你会这样做 <Editor ref="someRef" /> 如果编辑器是用某个默认值启动的,则只执行this.refs.editor.focus()将光标放在文本的开头。因此,要将光标移到末尾,我们需要在componentDidMount componentDidMount() { this.setState({ editorState

如何确保UI上唯一的
草稿js
文本框自动聚焦于页面加载

有一个名为的文档化方法,但是我不确定实现所需的语法。

请参阅

基本上,你会这样做

<Editor ref="someRef" />

如果编辑器是用某个默认值启动的,则只执行
this.refs.editor.focus()
将光标放在文本的开头。因此,要将光标移到末尾,我们需要在
componentDidMount

  componentDidMount() {
    this.setState({
      editorState:  EditorState.moveFocusToEnd(this.state.editorState), // EditorState imported from draft-js
    });
  }

--链接到该方法

我确实想知道答案是否会涉及到组件生命周期,而到目前为止,我还不需要考虑组件生命周期。将调查:)我可以确认这在新的react Useffect挂钩上有效。尽管我像这样使用我的ref:
ref={someRef}
,而且在我的useffect中,我有
someRef.current.focus()作为依赖项传入空数组。低估了答案
  componentDidMount() {
    this.setState({
      editorState:  EditorState.moveFocusToEnd(this.state.editorState), // EditorState imported from draft-js
    });
  }