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.
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.
Tack för dina kommentarer!
Fråga AI
Fråga AI
Fråga vad du vill eller prova någon av de föreslagna frågorna för att starta vårt samtal
Can you show me how to create the `myList` variable with the unordered list?
What does the code for the unordered list look like in JSX?
Can you explain how to nest list items inside the unordered list in a variable?
Fantastiskt!
Completion betyg förbättrat till 2.7JSX Variables & Nested Elements
Svep för att visa menyn
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.
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.
Tack för dina kommentarer!
