如何解决无法从ReactJs的服务器中使用draftJs的editorState更新状态
我已经在draftJs的支持下实现了富文本编辑器来对React进行操作。
我将转换为原始数据并将其字符串化后,将editorState数据发送到服务器。将其渲染到前端效果很好。
现在,我要获取此数据并使用此数据更新editorState。因此,用户可以使用可用数据编辑文本。
我不知道,为什么它不起作用。请帮我。我不知道该怎么办。
我的代码: 导入依赖项
import { Editor } from "react-draft-wysiwyg";
import { EditorState,ContentState,convertFromraw,convertToRaw } from "draft-js";
import "react-draft-wysiwyg/dist/react-draft-wysiwyg.css";
初始状态:
const [editorState,setEditorState] = useState(() =>
EditorState.createEmpty()
);
尝试编辑:
setEvent(current);
const data = JSON.parse(current.description);
// EditorState.createWithContent(convertFromraw(data));
setEditorState(EditorState.createWithContent(ContentState.createFromText('Hello world')));
// EditorState.createWithContent(convertFromraw(JSON.parse(current.description)));
// convertToRaw(JSON.parse(editorState.getCurrentContent()));
// const state = current.description;
// As per draft.js docs,I didn't understand the Syntax
// convertFromraw(rawState: state): ContentState
// EditorState.createWithContent(JSON.parse(current.description));
// setEditorState(JSON.parse(current.description));
尝试了所有这些东西。但是,没有任何事情将editorState
更新为current.description
。
注意:current.description
是包含原始对象数据的JSON字符串。
解决方法
我已经解决了问题。官方的DraftJs文档有点令人困惑。 它应该有一些例子。因此,初学者和中级开发人员都可以得到它。
我已经这样做了:
setEditorState(EditorState.createWithContent(convertFromRaw(JSON.parse(current.description))));
我希望我的努力对其他人有帮助,他们不必像我一样浪费时间。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。