データをReactで印刷する

Question

投稿があるJSONテーブルがあります。コンテンツはHTMLで提供され、私はそれをレンダリングしようとする中で反応さ：

return (
    <article> 
     <h2><a href={post.link}>{post.title.rendered}</a></h2> 
     <div className="post__content">{post.content.rendered}</div> 
    </article> 
) 

は私が印刷された完全なHTMLマークアップを取得しています（エスケープ）。私は何をすべきか？

Answer 1

あなたは、コード・スニペットのような何かを探しているならdangerouslySetInnerHTMLとは反対に、あなただけの、文字列リテラルを使用することができますdangerouslySetInnerHTML

<article> 
    <h2><a href={post.link}>{post.title.rendered}</a></h2> 
    <div className="post__content" dangerouslySetInnerHTML={{__html: post.content.rendered}}></div> 
</article> 

Answer 2

を使用してみてください：

var Snippet = React.createClass({ 
    render: function() { 
    return (
     <div> 
     {` 
     <pre><code> 
        <h4>I am code!</h4> 
       </code></pre> 
     `} 
     </div> 
    ); 
    } 
}); 

ReactDOM.render(
    <Snippet/>, 
    document.getElementById('container') 
);