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

Question

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

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

在上面，我使用 React 创建了元素，但是按照上述方式传递它会引发错误，显然是因为它是 React 元素而不是本机 DOM 元素。

有没有办法转换testElement为 DOM 元素？

也就是说，我正在寻找一种解决方案来保留与组件关联的事件处理程序等ReactDOMServer.renderToString(testElement)，因此简单地转换为 HTML ( ) 并不能解决问题。

-

关于重复的编辑：

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

Answer 1

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