Wie man React-Element in dom-Element konvertiert

Question

Ich muss ein HTML-Element erstellen und es an einige Drittanbieter-Komponente bereitstellen.

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

In dem oben schaffe ich das Element mit Reaktion, aber es vorbei an wie gesagt löst einen Fehler, offensichtlich, weil es ein Element Reagieren ist und kein nativer DOM-Element.

Gibt es eine Möglichkeit, testElement in ein DOM-Element zu konvertieren?

Das heißt, ich bin für eine Lösung, die Eventhandler etc‘ im Zusammenhang mit der Komponente behalten Umwandlung, so einfach zu HTML (ReactDOMServer.renderToString(testElement)) nicht schneiden.

-

bearbeiten bezüglich doppelter Ausfertigung:

Der andere diskutiert über die HTML-String. Ich brauche das Objekt zusammen mit seinen Event-Handlern usw. '.

Answer 1

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