JSX Variables & Nested Elements

The simplest application is the variables. As explained in the previous chapter, we can store HTML elements into JavaScript variables. We can also store more complicated items like lists that include nested elements.

js
Copiar código
9
1
2
3
4
const element = <div>
<h1>Heading</h1>
<p>This is a paragraph. </p>
</div>

Task

Create a variable called myList and store an unordered list inside it. The list should have four list items having inner HTML equal to Item 1, Item 2, Item 3 and Item 4 respectively.