Riepilogo: props
Fa parte della sezione Fondamenti del percorso React di Coddy. Lezione 21 di 42.
Sfida
FacileRiepilogo del capitolo: un piccolo menu creato con props e children.
- Fai in modo che
Itemriceva le propsnameepricee visualizzi{name}: ${price}nel suo<li>. - Fai in modo che
Cardvisualizzi un<div>conclassName="card"che mostri i suoichildren. - In App, usa
<Card>...</Card>per racchiudere<ul id="menu">e, al suo interno, visualizza due Items: con nomeTeae prezzo3, poi con nomeCakee prezzo5(i prezzi come numeri!).
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