如何在react草稿中设置初始编辑器状态所见即所得

npm install react-draft-wysiwyg

yarn add react-draft-wysiwyg

import React, { useState } from 'react';
import { EditorState, convertToRaw } from 'draft-js';
import { Editor } from 'react-draft-wysiwyg';
import 'react-draft-wysiwyg/dist/react-draft-wysiwyg.css';

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

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

  const handleSave = () => {
    const content = convertToRaw(editorState.getCurrentContent());
    // 在这里处理保存逻辑
    console.log(content);
  };

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

export default MyEditor;