TypeError: editorState.getCurrentContent在使用Draft.js Editor时不

Question

我正在尝试添加react-draft-wysiwyg编辑器。我试图获得编辑器的当前内容，但它显示错误为getCurrentContent()不是一个函数。有人能帮忙吗?

import React, { useState } from 'react';
import { Editor } from "react-draft-wysiwyg";
import { EditorState } from "draft-js";
import "react-draft-wysiwyg/dist/react-draft-wysiwyg.css";
import { convertToHTML } from 'draft-convert';
import DOMPurify from 'dompurify';

const NoteEditor = () => {
const [editorState, setEditorState] = useState(
() => EditorState.createEmpty(),
);
const [convertedContent, setConvertedContent] = useState("");
const handleEditorChange = (state) => {
setEditorState(state);
convertContentToHTML();
}
const convertContentToHTML = () => {
let currentContentAsHTML = convertToHTML(editorState.getCurrentContent());
setConvertedContent(currentContentAsHTML);
}
const createMarkup = (html) => {
return  {
__html: DOMPurify.sanitize(html)
}
}

return(
<div className="note-editor">
<Editor 
defaultEditorState={editorState}
onChange={handleEditorChange}
wrapperClassName="wrapper-class"
editorClassName="editor-class"
toolbarClassName="toolbar-class"
/>
<div className="preview" dangerouslySetInnerHTML={createMarkup(convertedContent)}></div>
</div>
)
};
export default NoteEditor;

Answer 1

你可以这样使用，有时useState占用时间作为async，

const handleEditorChange = (state) => {
setEditorState(state);
convertContentToHTML(state);
}
const convertContentToHTML = (editorState) => {
let currentContentAsHTML = convertToHTML(editorState.getCurrentContent());
setConvertedContent(currentContentAsHTML);
}

或douseEffectwitheditorState，

useEffect(()=>{},[editorState])