使用react-markdown来解析markdown语法

什么是 react-markdown 组件？

它是一个基于React的Markdown 编辑器组件。可以对代码进行高亮显示。
链接: github网址.

• react-markdown的安装

 yarn add react-markdown

• 引入

import ReactMarkdown from 'react-markdown'

• 声明一个markdown变量

  let markdown='# 这是标题\n' +
  '[ **M** ] arkdown + E [ **ditor** ] = **Mditor**  \n' +
  '> Mditor 是一个简洁、易于集成、方便扩展、期望舒服的编写 markdown 的编辑器，仅此而已... \n\n' +
   '**这是加粗的文字**\n\n' +
  '*这是倾斜的文字*`\n\n' +
  '***这是斜体加粗的文字***\n\n' +
  '~~这是加删除线的文字~~ \n\n'+
  '\`console.log(Hello World)\` \n\n'+
  '```const a=2; ```'

• 渲染

    <ReactMarkdown 
      source={markdown} 
      escapeHtml={false}  //不进行HTML标签的转化
    />

• 解析出来的结果