<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((item, index) => (<P key={ `p${index}` }/>)) }
</h1>;
root.render(example);
View Compiled
This Pen doesn't use any external CSS resources.