Draftjs 测试编辑器的自动对焦

Question

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

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

Answer 1

看这里

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

<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 -- 方法链接