react react-markdown ant design pro .md文件显示 显示本地图片

需要在antd的项目中显示操作手册,操作手册以.md文件形式展开,所有文件,照片全部保存在前端项目中。

react-markdown使用

cnpm install react-syntax-highlighter –save

cnpm install –save remark-gfm

cnpm install –save markdown-navbar   生成.md导航的

cnpm install –save react-markdown     主要解析.md文件的

cnpm install –save rehype-raw  2021-6-18react-markdown版本中,用于解析.md文件html的

各个包详细的使用自己查吧https://www.npmjs.com/

help.jsx用于作为页面显示.md内容

import React, { useState, useEffect } from 'react';
import ReactMarkdown from 'react-markdown';
import gfm from 'remark-gfm';
import rehypeRaw from 'rehype-raw';
import MarkNav from &#

版权声明:本文为runrun117原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。