Recapitulação: Expressões JSX
Parte da seção Fundamentos do Journey de React da Coddy — lição 10 de 42.
Desafio
FácilResumo do capítulo: um mini resumo de pedido, renderizado inteiramente a partir do JavaScript. App.jsx já define item, price, quantity e um auxiliar shout.
- Faça o
<h1>comid="header"renderizar o resultado da chamada deshout(item): ele deve mostrarCOFFEE!. - Faça o parágrafo com
id="count"renderizar3 cups, usando a variávelquantity, não o dígito. - Faça o parágrafo com
id="total"renderizarTotal: 12. Calcule o número a partir depriceequantitycom*, não digite 12.
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 React2Expressões JSX
ChavesMatemática nas ChavesChaves em AtributosChamando Funções no JSXRecapitulação: Expressões JSX