Reactは文字列としてmd（顕著）をレンダリングしています

Question

以下は別のコンポーネントに取り込むコンポーネントのダミーダウンバージョンです。

import React from "react" 

var Remarkable = require('remarkable'); 
var md = new Remarkable(); 

const Info = (props) => { 
    return (
    <div className="pop"> 
     <div> 
<h1>{props.title}</h1> 
{md.render('# Remarkable rulezz!')} 
     </div> 
    </div> 
) 
} 

export default Info; 

ページでは、現在レンダリング中です。

文字通り、文字列として文字列をレンダリングしています。これは、htmlのように動作させたいときに使用します。

どうすればよいですか？それとも、私はMD全体のポイントを見逃しましたか？ おかげ

Answer 1

あなたには、いくつかの理由として-され使用してHTMLをレンダリングする必要がある場合には（divまたはspanまたは何か他のもの）あなたがdangerouslySetInnerHTMLを使用して、任意のタグでコンテンツをラップする必要が反応し

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

参考文献：

• https://facebook.github.io/react/tips/dangerously-set-inner-html.html