Props

import React from 'react';
import MdEditor from 'react-markdown-editor-lite';
// Импорт стиля редактора
import 'react-markdown-editor-lite/lib/index.css';
// Два разных парсера
import MarkdownIt from 'markdown-it';
import * as ReactMarkdown from 'react-markdown';

const mdParser = new MarkdownIt(/* Параметры Markdown-it */);

function renderHTML(text: string) {
  // Использование markdown-it
  return mdParser.render(text);
  // Использование react-markdown
  return React.createElement(ReactMarkdown, {
    source: text,
  });
}

export default (props) => {
  return (<MdEditor renderHTML={renderHTML} />)
}

// Эта функция может преобразовать File в строку datauri, используется в качестве примера
function onImageUpload(file) {
  return new Promise(resolve => {
    const reader = new FileReader();
    reader.onload = data => {
      resolve(data.target.result);
    };
    reader.readAsDataURL(file);
  });
}
export default (props) => {
  return (<MdEditor onImageUpload={onImageUpload} />)
}