markdown-it呈现返回字符串，但html未被解析

Question

我正在使用markdown-it来解析标记文档。我的代码如下：

import React from 'react'; 
import Markdown from 'markdown-it'; 

const md = new Markdown(); 

export default() => { 
    return (
    <div> 
    { 
     md.render('# markdown-it rulezz!') 
    } 
    </div> 
); 
} 

返回的h1是正确的，但输出不是注册为h1; h1被认为是字符串的一部分 - 它不被识别为标签。见附件。有人可以告诉我我在做什么错吗？谢谢！

Answer 1

你应该使用：

<div dangerouslySetInnerHTML={{__html: md.render('# markdown-it rulezz!')}}></div> 

这里的参考：https://zhenyong.github.io/react/tips/dangerously-set-inner-html.html

或者你也可以使用react-markdown