<div id="app"></div>
const app = document.querySelector('#app');
const root = ReactDOM.createRoot(app);
const arr = [''];
const P = () => (<p>lorem lorem lorem lorem lorem lorem</p>);
const example = <h1>
Hello React
{ arr.map(() => (<P />)) }
</h1>;
root.render(example);
View Compiled
This Pen doesn't use any external CSS resources.