Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lære 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 alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 2. Kapitel 2

Spørg AI

expand

Spørg AI

ChatGPT

Spørg om hvad som helst eller prøv et af de foreslåede spørgsmål for at starte vores chat

Suggested prompts:

Spørg mig spørgsmål om dette emne

Opsummér dette kapitel

Vis virkelige eksempler

Awesome!

Completion rate improved to 2.7

bookJSX Variables & Nested Elements

Stryg for at vise menuen

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 alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 2. Kapitel 2
some-alt