每当内容状态被推送到编辑器状态时,react-draft-wysiwyg EditorState 就会恢复到以前的状态

问题描述

当前的 React 应用程序会跟踪 EditorState 并在 EditorState 更改时重新渲染。在使用富文本编辑器时,我们允许并支持能够从弹出窗口的多个选项中附加文本的选项。我们将这些更改引入并将新的文本信息推送到 ContentState 中。

问题:每当 EditorState 使用新创建的内容状态实例推送当前编辑器状态时,EditorState 会返回一个实例,其中 EditorState 从未接收或附加新的内容状态。

示例:在文本编辑器中,当前内容包含 Foo,但是当附加文本信息 Test 时,编辑器状态会重新呈现信息 FooTest,但随后会触发第二次重新呈现并将 EditorState 恢复为“Foo”。我认为这与 react-draft-wysiwyg Editor 组件参数 onEditorStateChange 触发两次有关。

这里是包含重新创建流程步骤的图片链接

[文本编辑器状态] https://ibb.co/VBpQrnf

[从选择中附加文本] https://ibb.co/3kV0gnC

[重新渲染计数器] https://ibb.co/Cnd8CBn

软件包和版本: "draft-js": "^0.11",“反应”:“^ 17.0.1”, "反应草案-所见即所得": "^1.14.7"

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)