将DraftJS html返回到父组件

import React, { useState } from 'react';
import { Editor, EditorState, convertToRaw } from 'draft-js';
import draftToHtml from 'draftjs-to-html';

const ParentComponent = () => {
  const [editorState, setEditorState] = useState(EditorState.createEmpty());

  const handleEditorChange = (newEditorState) => {
    setEditorState(newEditorState);
  };

  const handleSave = () => {
    const contentState = editorState.getCurrentContent();
    const rawContentState = convertToRaw(contentState);
    const html = draftToHtml(rawContentState);
    // 将html传递给父组件进行进一步处理或展示
    console.log(html);
  };

  return (
    <div>
      <Editor editorState={editorState} onChange={handleEditorChange} />
      <button onClick={handleSave}>保存</button>
    </div>
  );
};

export default ParentComponent;