2017-07-25 817 views
1

我需要创建一个HTML元素并将其提供给某些第三方组件。如何将React元素转换为dom元素

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

在上面我创建作出反应的元素,但它传递的作为所述引发错误,显然是因为它是一个元素做出反应,而不是本机的DOM元素。

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

这么说,我正在寻找将保留的事件处理程序的解决方案等”与组件关联,所以干脆转换为HTML(ReactDOMServer.renderToString(testElement))不剪。

-

关于重复编辑:

另外一个讨论有关HTML字符串。我需要该对象以及它的事件处理程序等。

+4

[转换反应JSX目的是HTML]可能的复制(https://stackoverflow.com/questions/39308011/convert-react-jsx-object-to-html) –

+1

感谢您的时间,但我强调“保留事件处理程序等”。你提到的那个转换为HTML网络。所以它不是重复的。 – Barvaz

+1

你的问题没有任何意义。错误的方法。为什么你不解释你的问题,所以我们可以帮助找到更好的解决方案? – CharlieBrown

回答