プログラムで作成されたJSXから反応コンポーネントをレンダリングすることはできますか？

Question

私は、ユーザーがJSXスタイルのパラメータでいくつかのマークダウンを入力し、マークダウンがいくつかの値を使用してパラメータを埋め込んでレンダリングされる小さなウェブアプリケーションに取り組んでいます。

私はすでに反応を使用しているので、反応スタイルのテンプレートを使用して最終的なHTMLを生成するのは素晴らしいです。私。次のようなもの：

render: function() { 

    var markdownString = "#Hello {name}!" 
    var myParams = { name: "Markdown" } 
    var renderedMarkdown = renderMarkdown(markdownString) //value is <h1>Hello {name}!</h1> 

    return( 
     renderJSX(renderedMarkdown, myParams) //renders <h1>Hello Markdown!</h1> 
    ) 

} 

これは可能ですか？

Answer 1

documentationで説明したようにdangerouslySetInnerHTMLを使用できます。

このような何か：

render: function() { 

    var markdownString = "#Hello {name}!" 
    var myParams = { name: "Markdown" } 
    var renderedMarkdown = { 
     __html: renderMarkdown(markdownString) 
    } 

    return <div dangerouslySetInnerHTML={renderedMarkdown} />; 
}