Markdown 的 React components

最新推荐文章于 2025-06-19 09:24:02 发布

转载最新推荐文章于 2025-06-19 09:24:02 发布 · 95 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://yq.aliyun.com/articles/627025

文章标签：

#javascript #markdown #ViewUI

本文介绍了一个将Markdown渲染为纯React组件的库React Markdown，并提供了安装指南及基本使用示例。通过简单的输入即可快速生成React兼容的Markdown内容。

Renders Markdown as pure React components.

https://github.com/EasySpringBoot/react-markdown

Installing

npm install --save react-markdown

Basic usage

const React = require('react')
const ReactDOM = require('react-dom')
const ReactMarkdown = require('react-markdown')

const input = '# This is a header\n\nAnd this is a paragraph'

ReactDOM.render(
  <ReactMarkdown source={input} />,
  document.getElementById('container')
)