如何保存draftjs数据，然后在编辑器中获取并填充它

import React, { useState } from 'react';
import { Editor, EditorState, convertToRaw, convertFromRaw } from 'draft-js';

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

  // 保存数据
  const saveData = () => {
    const contentState = editorState.getCurrentContent();
    const rawContentState = convertToRaw(contentState);
    const data = JSON.stringify(rawContentState);

    // 将数据保存到数据库或其他持久化存储
    // ...
  };

  // 获取并填充数据
  const loadData = () => {
    // 从数据库或其他持久化存储中获取数据
    // ...

    // 假设获取到的数据为savedData
    const savedData = '{"blocks":[{"key":"foo","text":"Hello, World!","type":"unstyled","depth":0,"inlineStyleRanges":[],"entityRanges":[],"data":{}}],"entityMap":{}}';
    const parsedData = JSON.parse(savedData);
    const contentState = convertFromRaw(parsedData);
    const newEditorState = EditorState.createWithContent(contentState);

    setEditorState(newEditorState);
  };

  return (
    <div>
      <Editor editorState={editorState} onChange={setEditorState} />
      <button onClick={saveData}>保存数据</button>
      <button onClick={loadData}>加载数据</button>
    </div>
  );
};

export default MyEditor;