Question

我有一个效果很好的APP，但它必须嵌入＆＃34;文章＆＃34;，所以它会简单：

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

问题是：

将混合使用html标签和组件
我的服务器是PHP，应用程序必须嵌入php文件

我已尝试将渲染内容中的数据发送到渲染功能（我知道必须进行一些处理以使其成为组件，我尝试过： - 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中挂载组件？

Answer 1

如果要在组件中渲染 html字符串，则可以执行此操作这应该有效：

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

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

从容器中渲染与HTML混合的React组件

1 个答案: