Как забрать innerHTML React элемента по ref?

Question

[DarthJS]

Есть элемент например

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

как преобразовать this.TestElement, чтоб я мог воспользоваться innerHTML в стринговом виде?
То есть мне нужно получить DOM елемент в виде стринги

Answer 1

[Данакт Фрост]

const testElementHtml = this.TestElement.parentNode.innerHTML

Но в этом случае будет получен HTML всех дочерних элементов родительской ноды
Если помимо этого div'а есть еще дочерние элементы, то так:

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

Comments

[DarthJS]

Огромное спасибо, только не parentNode, a просто innerHTML. Сглупил "немного" :)

[Данакт Фрост]

DarthJS, почему не parentNode? Вам же нужно превратить TestElement в html или только его дочерние элементы?

[DarthJS]

а, parentNode все-таки нужно :)

[DarthJS]

Данакт Фрост, да, верно, спасибо