渲染從容器陣營與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