Passo 3: Botão de Curtir
Parte da seção Fundamentos do Journey de React da Coddy — lição 41 de 42.
Desafio
MédioAdicione curtidas ao card.
- Dê ao
ProfileCardum estadolikesiniciando em 0. - Adicione um botão com
id="like"e o textoLikeque adiciona uma curtida por clique. - Mostre a contagem em um
<span>comid="likes".
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 JSX5Estado e Eventos
O Que É Estado?Contador de CliquesContar em EtapasAlternar com EstadoEstado IndependenteRecapitulação: Estado e Eventos8Projeto: Cartão de Perfil
Passo 1: Estrutura do CartãoPasso 2: Cartão com PropsPasso 3: Botão de CurtirPasso 4: Alternador de Seguir