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

Answer 2

像这样使用它没问题；

<p dangerouslySetInnerHTML={ {__html: PostItem.Content} } />

但是当他这样做时，他给出了一个错误

<p dangerouslySetInnerHTML={{__html: md.render(PostItem.Content)}}></p>

错误消息如下；

  

错误：输入数据应为字符串