javascript - Draft Js 文本编辑器的自动对焦

Question

如何确保我的 UI 上唯一的 draft-js 文本框在页面加载时自动聚焦？

有一个记录的方法叫做 focus ，但是我不确定实现所需的语法。

Answer 1

如果您的编辑器是用一些默认值启动的，那么只需执行 this.refs.editor.focus() 就会使光标位于文本的开头。所以要将光标移动到末尾，我们需要在 componentDidMount

中做这样的事情

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

https://github.com/draft-js-plugins/draft-js-plugins/blob/master/draft-js-plugins-editor/src/Editor/moveSelectionToEnd.js -- 方法链接