Riepilogo: espressioni JSX
Fa parte della sezione Fondamenti del percorso React di Coddy. Lezione 10 di 42.
Sfida
FacileRiepilogo del capitolo: un mini riepilogo dell’ordine, generato interamente da JavaScript. App.jsx definisce già item, price, quantity e una funzione di supporto shout.
- Fai in modo che
<h1>conid="header"mostri il risultato della chiamata ashout(item): dovrebbe mostrareCOFFEE!. - Fai in modo che il paragrafo con
id="count"mostri3 cups, usando la variabilequantity, non la cifra. - Fai in modo che il paragrafo con
id="total"mostriTotal: 12. Calcola il numero a partire dapriceequantitycon*, non scrivere 12.
Provalo tu
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<div id="root"></div>
<script type="module" src="main.jsx"></script>
</body>
</html>Tutte le lezioni di Fondamenti
1Alla scoperta di React
Che cos’è React?Il tuo primo componenteLa regola dell’unico elemento genitoreJSX non è HTMLRiepilogo: alla scoperta di React2Espressioni JSX
Le parentesi graffeOperazioni matematiche tra parentesi graffeParentesi graffe negli attributiChiamare funzioni in JSXRiepilogo: espressioni JSX