на примере
заменим React.createElement(App) уже на <App/>
мы пишем разметку максимально похожую на html
JSX парсит все узлы и для каждого узла вызывается любую функцию (по default это целевая функция React.createElement
первым параметром
передаётся название узла либо ссылочка на компоненту например <App/>,соотвественно
вторыми параметрами
передаются атрибуты, которые для обычного html являются тегами атрибутами, a для функции входными параметрами
третьим параметром
передаётся содержимое узла
<body>
<div id="root"></div>
<script>
function App(){
return <div>
<h1>Hello, !</h1>
<span> World!</span>
</div>
}
ReactDOM.render(
<App/>,
document.getElementById('root')
);
</script>
</body>