Recapitulando: Props
Parte da seção Fundamentos do Journey de React da Coddy — lição 21 de 42.
Desafio
FácilRecapitulação do capítulo: um pequeno menu construído a partir de props e children.
- Faça
Itemreceber as propsnameepricee renderizar{name}: ${price}em seu<li>. - Faça
Cardrenderizar uma<div>comclassName="card"que exiba suaschildren. - Em App, use
<Card>...</Card>para envolver o<ul id="menu">e, dentro dele, renderize dois Items: nameTeacom price3, depois nameCakecom price5(preços como números!).
Experimente você mesmo
<!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>Todas as lições de Fundamentos
1Conheça o React
O que é o React?Seu primeiro componenteRegra do elemento pai únicoJSX não é HTMLRecapitulação: Conheça o React4Props
O Que São Props?Passando PropsDuas PropsMesmo Componente, Novos DadosA Prop ChildrenRecapitulando: Props