コンテナからHTMLと混合された成分を反応させるのレンダリング

Question

私はうまく機能APPを持っていますが、簡潔に、それは「記事」の中に埋め込むことがあるので、それは次のようになります。

<h1>...</h1> 
<p>...</p> 
<MyComponent key={1} data={data[0]} /> 
<p>...</p> 
<MyComponent key={2} data={data[1]} /> 

問題があります：

1. HTMLタグと混合された成分があるでしょう
2. 私のサーバーは、PHPにあり、アプリがPHPファイルに埋め込む必要がある

は

私はレンダリング機能（私はそれのコンポーネントにするために、いくつかの治療法が存在しなければならないことを知っているにレンダリングされたコンテンツのデータを送信しようとしている、私が試した： - https://github.com/roman01la/html-to-react-components -​​

componentWillMount() { 
     this.content = document.getElementById('root').innerHTML 
    }, 
    render() { 
    return (
      <div> 
      {this.content} 
      </div> 
     ) 
    } 

HTMLタグ（アーティクル）をコンポーネントの中に混ぜて解析し、コンポーネントをhtmlにマウントする方法はありますか？

Answer 1

html文字列をコンポーネント内にレンダリングしたい場合は、それを行うことができます。
この作業をする必要があります：

render() { 
    return (
    <div dangerouslySetInnerHTML={{__html: this.content}} /> 
    ) 
} 

https://facebook.github.io/react/docs/dom-elements.html#dangerouslysetinnerhtml