Реагируйте, получая доступ к DOM с помощью gelElementById, затем пытаясь заменить узел компонентом React.

Question

Если я хочу заменить узел DOM на узел ReactJS, как я могу это сделать?

const myComp = <span>hey</span>
const elem = document.getElementById('video1')
elem.parentNode.replaceChild(myComp, elem)

Как это сделать?Это не работает

var temp = document.createElement('div')
ReactDOM.render(myComp, temp)
console.log(temp) // a node with the nested div element
console.log(temp.firstChild) // null (??)
console.log(temp.firstElementChild) // null (??)
elem.parentNode.replaceChild(temp.firstElementChild, elem) // error

Answer 1

const elem = document.getElementById('video1') 

...    

ReactDOM.render(myComp, elem)