Riepilogo: componenti
Fa parte della sezione Fondamenti del percorso React di Coddy. Lezione 15 di 42.
Sfida
FacileRiepilogo del capitolo: crea una pagina con due componenti, usando tutto ciò che hai imparato in questo capitolo.
- Definisci un componente
Header: un<h1>conid="title"e il testoCoddy Shop. Eseguilo per primo all'interno del<div>esterno di App. - Definisci un componente
Badgeche restituisce<span>★</span>. - All'interno del
<div id="badges">esistente, esegui Badge due volte: una definizione, due utilizzi.
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 JSX3Componenti
Mattoni di baseIl tuo secondo componenteRiutilizzare i componentiComporre una paginaRiepilogo: componenti