react中使用markdown,导入 "react-markdown": "^9.0.1",可以吗
时间: 2024-10-13 08:07:03 浏览: 36
react-markdown-editor:使用ReactReflux的markdown编辑器
在React中引入"react-markdown"库,版本`"^9.0.1"`是可以的。这个库允许你将Markdown文本转换为可渲染的HTML元素,方便在React组件中显示富文本内容。要使用它,你需要按照以下步骤操作:
1. 安装依赖:
```sh
npm install react-markdown
// 或者
yarn add react-markdown
```
2. 在组件内导入并使用:
```jsx
import React from 'react';
import Markdown from 'react-markdown';
function MyComponent() {
const markdownText = '# Hello, World! 这是一个Markdown示例'; // 你的Markdown字符串
return (
<div>
<Markdown children={markdownText} />
</div>
);
}
export default MyComponent;
```
这里通过`<Markdown>`组件传入Markdown文本作为children属性。
阅读全文