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