Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lære Introduksjon til JSX for å skrive HTML i JavaScript | Grunnleggende om React og Komponentbasert Brukergrensesnitt
React Mastery

bookIntroduksjon til JSX for å skrive HTML i JavaScript

I React bruker vi en syntaksutvidelse av JavaScript kalt JSX (JavaScript XML) for å bygge brukergrensesnitt. JSX lar oss skrive HTML-lignende kode direkte i JavaScript.

JavaScript i HTML

En av fordelene med JSX er at det kombinerer kraften til JavaScript med HTML. Vi kan bruke JavaScript-uttrykk og logikk direkte i den HTML-lignende koden. For å sette inn JavaScript, plasser det i krøllparenteser, slik: { JavaScript code }.

Hvordan JSX fungerer: Et eksempel

La oss se JSX i praksis med et enkelt eksempel. Anta at vi ønsker å vise et overskriftselement i React-appen:

const element = <h1>Hello, React!</h1>;

I dette eksemplet bruker vi JSX til å opprette en konstant kalt element som inneholder et <h1>-element med teksten "Hello, React!".

Merk

I bakgrunnen tar React denne JSX-koden og gjengir den effektivt til DOM-en, noe som gjør det til en sømløs og kraftig måte å bygge brukergrensesnitt på.

1. Hva står JSX for i React?

2. Hva er den korrekte måten å opprette et HTML-element som gjengir strengen Hey there, React Developer!?

question mark

Hva står JSX for i React?

Select the correct answer

question mark

Hva er den korrekte måten å opprette et HTML-element som gjengir strengen Hey there, React Developer!?

Select the correct answer

Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 1. Kapittel 4

Spør AI

expand

Spør AI

ChatGPT

Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår

Suggested prompts:

Can you explain more about how JavaScript expressions work inside JSX?

What are some common mistakes to avoid when using JSX?

Can you show more examples of using JSX with dynamic data?

Awesome!

Completion rate improved to 2.17

bookIntroduksjon til JSX for å skrive HTML i JavaScript

Sveip for å vise menyen

I React bruker vi en syntaksutvidelse av JavaScript kalt JSX (JavaScript XML) for å bygge brukergrensesnitt. JSX lar oss skrive HTML-lignende kode direkte i JavaScript.

JavaScript i HTML

En av fordelene med JSX er at det kombinerer kraften til JavaScript med HTML. Vi kan bruke JavaScript-uttrykk og logikk direkte i den HTML-lignende koden. For å sette inn JavaScript, plasser det i krøllparenteser, slik: { JavaScript code }.

Hvordan JSX fungerer: Et eksempel

La oss se JSX i praksis med et enkelt eksempel. Anta at vi ønsker å vise et overskriftselement i React-appen:

const element = <h1>Hello, React!</h1>;

I dette eksemplet bruker vi JSX til å opprette en konstant kalt element som inneholder et <h1>-element med teksten "Hello, React!".

Merk

I bakgrunnen tar React denne JSX-koden og gjengir den effektivt til DOM-en, noe som gjør det til en sømløs og kraftig måte å bygge brukergrensesnitt på.

1. Hva står JSX for i React?

2. Hva er den korrekte måten å opprette et HTML-element som gjengir strengen Hey there, React Developer!?

question mark

Hva står JSX for i React?

Select the correct answer

question mark

Hva er den korrekte måten å opprette et HTML-element som gjengir strengen Hey there, React Developer!?

Select the correct answer

Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 1. Kapittel 4
some-alt