• При React мы можем представить этот JSX непосредственно в HTML DOM, используя API рендеринга React, известный как Reactdom.

Что такое Reactdom?

• Reactdom предлагает простой метод отображения элементов реагирования в DOM, который выглядит следующим образом: Reactdom.Render (ComponentTorender, TargetNode) , где первый аргумент — это элемент React или компонент, который вы хотите отображать, а второй аргумент — это узел DOM, которому вы хотите отобразить компонент.

• Имейте в виду, что Reactdom.Render () должен быть вызван после операторов элементов JSX.

• Используя метод reactdom.render (), чтобы представить этот компонент на страницу. Вы можете передать определенные элементы JSX непосредственно в качестве первого аргумента и использовать Document.getElementById (), чтобы выбрать узел DOM, чтобы привести их к. Для этого конкретного примера у них есть Div с доступным.

const JSX = (
  

    
Hello World
    
Lets render this to the DOM
 {/* we want to render this entire element JSX to the page */}
  
);

ReactDOM.render(JSX, document.getElementById('challenge-node'))


 {/* Inspect 

Оригинал: «https://dev.to/rthefounding/react-rendering-html-elements-to-the-dom-5201»