草稿Js文本编辑器的自动对焦

Question

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

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

Answer 1

见here

基本上，你会做类似的事情

<Editor ref="someRef" />

和

componentDidMount = () => {
    this.refs.someRef.focus();
}

Answer 2

如果你的编辑器是以一些默认值启动的，那么只做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 - 链接到方法