React-Markdown是一款基于Markdown语法的React组件库,用于在React应用中轻松实现Markdown文本的解析与渲染。
React 安装
使用 Yarn 添加依赖:
```bash
yarn add react prismjs @nju33/react-markdown
```
示例代码:
导入 Markdown 组件:
```javascript
import { Markdown } from @nju33/react-markdown;
...
return ...;
```
如果需要显示代码,还需要引入 Prism.js 主题的 CSS 文件。
如果您希望使用自定义元素(如 Heading),可以传递给 `MarkdownRenderer` 组件。例如:
```javascript
import { MarkdownRenderer, Markdown } from @nju33/react-markdown;
...
return (
{/* 自定义组件 */}
);
```
注意:以上示例仅展示如何安装和使用相关库,具体应用时请根据实际需求进行调整。