React工程写一个HTML富文本编辑器，顺带上传图片功能。基于react-draft-wysiwyg、draftjs、antd使用

公司项目要求要写一个富文本编辑器，好像之前一直都没有写过这个稀奇古怪的东西。不多说看方法！
使用npm安装 ：react-draft-wysiwyg、draftjs-to-html、antd；
安装好了之后，我的组件是这样写的；
ps:{
react-draft-wysiwyg : 是开元的，
GitHub地址 ： https://github.com/jpuri/react-draft-wysiwyg
API文档地址 ： https://jpuri.github.io/react-draft-wysiwyg/#/docs
}

import React from "react";
import {
   Button,Card,Modal} from 'antd';
import {
   Editor} from 'react-draft-wysiwyg';
import 'react-draft-wysiwyg/dist/react-draft-wysiwyg.css';
import draftjs from 'draftjs-to-html';

export class RichText extends React.Component{
   
    constructor(props) {
   
        super(props);
        this.state = {
   
            ...props,
            editorState: '',
        };
    }
    
    onEditorStateChange = (editorState) => {
   
        this.setState({
   
            editorState
        });
    };

    imageUploadCallBack = file => new Promise(
        (resolve, reject) => {
   
            let reader = new FileReader();
            reader.readAsDataURL(file);
            let img = new Image();
            // let url = ''
            reader.o