Introduktion till JSX-språket i React

JSX-språket är vanlig JavaScript, men med några tillägg som gör det möjligt att skriva taggar direkt i koden, utan citationstecken.

Taggar kan returneras via return:

function App() {
	return <div>
		text
	</div>;
}

Taggar kan ha attribut:

function App() {
	return <div class="eee">
		text
	</div>;
}

Taggar kan skrivas i variabler eller konstanter:

function App() {
	const  elem = <div>text</div>;
	return elem;
}

I din huvudkomponent finns följande funktion:

function App() {
	return <div>
		text
	</div>;
}

Ändra texten inuti div:en. Se på förändringarna som har skett i webbläsaren.

Lägg till flera stycken i div:en.

Lägg till klasser till dina stycken.