标记-它呈现返回字符串，但html不被解析。

Question

我正在使用标价-它解析标记文档。我的代码如下：

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

或者你可以使用反应-标记

Answer 2

像这样使用它没有问题；

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

但是当他这样做的时候，他犯了一个错误

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

错误消息如下；

错误:输入数据应该是字符串