reactjs - 键入一个键后，TinyMCE React 光标返回开始

Question

我正在使用 TinyMCE-React，当我在 TinyMCE 编辑器中输入带有初始值的文本时，光标不断地返回到文本的开头...

import { Editor } from "@tinymce/tinymce-react";

  const [formData, setFormData] = useState({
    title: "",
    text: "",
  });


if (post) {
  setFormData((formData) => ({
    ...formData,
    title: post.title,
    text: post.text,
  }));
}

const { title, text } = formData;

我的功能:

const textChange = (e) => {
setFormData({ ...formData.text, text: e });   };

我的编辑:

    <Editor
      name='text'
      initialValue={text}
      onEditorChange={(e) => textChange(e)}
    />

我认为这是因为“setFormData”，但我不知道如何使用位于文本末尾的常规光标编辑文本......

Answer 1

迟到的答案，但修复方法如下:https://github.com/tinymce/tinymce-react/issues/267 .
更改 initialValue={text}至 value={text} .
这是使用 TinyMCE React 组件作为“受控”组件的正确设置:https://www.tiny.cloud/docs/integrations/react/#usingthetinymcereactcomponentasacontrolledcomponent .