Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lära JSX Variables & Nested Elements | Getting Started: JSX
Introduction to React

bookJSX 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.

question-icon

Fill in the gaps.

const=




Click or drag`n`drop items and fill in the blanks

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 2. Kapitel 2

Fråga AI

expand

Fråga AI

ChatGPT

Fråga vad du vill eller prova någon av de föreslagna frågorna för att starta vårt samtal

Awesome!

Completion rate improved to 2.7

bookJSX 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.

question-icon

Fill in the gaps.

const=




Click or drag`n`drop items and fill in the blanks

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 2. Kapitel 2
some-alt