How to get innerHTML React element by ref?

Question

JavaScript

There is an element like

<div ref={el = this.TestElement = el } style={{...}}><h1>xxx</h1></div>

how do I convert this.TestElement so I can use innerHTML as a string?
That is, I need to get the DOM element in the form of a string

Answer 1

const testElementHtml = this.TestElement.parentNode.innerHTML

But in this case, the HTML of all child elements of the parent node will be obtained
. If there are other child elements in addition to this div, then this:

const testElementClone = this.TestElement.cloneNode(true)
const wrap = document.createElement('div')
wrap.appendChild(testElementClone)
const testElementHtml = wrap.innerHTML