DraftJS加载数据库已有内容编辑时光标自动跳转开头反向输入问题

该问题的核心诱因是Editor组件触发了不必要的重渲染，或者每次输入变更时都传入了全新的editorState实例，丢失了原有光标位置、选区等上下文信息，可通过以下方案修复：

• 调整editorState数据源逻辑：仅在组件初始化、首次加载数据库内容时，将后端返回的HTML转换为ContentState，作为editorState的初始值。后续所有editorState的更新仅在Editor组件内部通过onChange钩子维护本地状态，不要接收父组件Bulletin.js回传的内容生成新的editorState覆盖本地状态。
• 优化HTML回传时机：如果没有强实时同步需求，可以放弃在handleEditorChange中逐字符触发getContent回传HTML的逻辑，改为在Editor失焦、用户点击保存等特定节点再执行HTML转换和回传操作，避免频繁触发父组件状态更新导致子Editor重渲染。
• 若必须实时同步HTML到父组件，保证父组件接收到HTML后仅做存储、不将其转换为新的editorState回传给Editor组件，切断循环更新路径。同时检查Editor组件的key属性，不要设置动态变化的key值，避免组件被强制卸载重挂载。
• 可额外对Editor组件做memo优化，仅当editorState、初始化内容等必要props变化时才触发重渲染，进一步规避不必要的更新。

内容的提问来源于stack exchange，提问作者Lance