渲染从容器阵营与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