如何将React元素转换为dom元素

时间:2017-07-25 07:12:55

标签: javascript reactjs

我需要创建一个HTML元素并将其提供给某些第三方组件。

const testElement = <div ref='myself' className='test-label'>Hello (React) HTML element!</div>
thirdParty.addElement(testElement)

在上面我使用React创建元素,但是如上所述传递它会引发错误,显然是因为它是一个React元素而不是本机DOM元素。

有没有办法将testElement转换为DOM元素?

也就是说,我正在寻找能够保留与该组件相关联的事件处理程序等的解决方案,因此只需转换为HTML(ReactDOMServer.renderToString(testElement))就不会&# 39;切断它。

-

关于重复的编辑:

另一个讨论HTML字符串。我需要该对象及其事件处理程序等等。

1 个答案:

答案 0 :(得分:0)

尝试(ReactDOM.render(textElement, thirdParty)https://facebook.github.io/react/docs/react-dom.html#render