[英]Render React components mixed with HTML from a container
我有一个运行良好的APP,但必须将其嵌入“文章”中,简单来说就是:
<h1>...</h1>
<p>...</p>
<MyComponent key={1} data={data[0]} />
<p>...</p>
<MyComponent key={2} data={data[1]} />
问题是:
我尝试将数据从呈现的内容发送到呈现函数(我知道必须进行某种处理才能使其成为组件,我尝试过:-https: //github.com/roman01la/html-to- react-components - https://www.npmjs.com/package/html-to-react
componentWillMount() {
this.content = document.getElementById('root').innerHTML
},
render() {
return (
<div>
{this.content}
</div>
)
}
有没有一种方法,我可以将html标记(文章)与其中的组件混合,然后解析它们以将组件装入该html中?
如果要在组件内部呈现html字符串 ,则可以执行此操作。
这应该工作:
render() {
return (
<div dangerouslySetInnerHTML={{__html: this.content}} />
)
}
https://facebook.github.io/react/docs/dom-elements.html#dangerouslysetinnerhtml
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.