Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprenda Desafio: Construir um Botão de Curtir em uma Postagem de Rede Social | Estado e Efeitos Colaterais
Introdução ao React

Desafio: Construir um Botão de Curtir em uma Postagem de Rede Social

Deslize para mostrar o menu

Tarefa

Criar um cartão de postagem de rede social simples com um contador de curtidas funcional usando o hook useState.

O componente deve incluir:

  1. Uma variável de estado chamada likes. Seu valor inicial deve ser 120.

  2. Um título (elemento h2). O texto deve ser Exploring Iceland.

  3. Um parágrafo (elemento p). O texto deve ser One of the most beautiful trips I've ever had.

  4. Outro parágrafo (elemento p). Deve exibir Likes: seguido pelo valor atual de likes.

  5. Um botão (elemento button). O texto deve ser Like Post.

  6. Ao clicar no botão, aumentar o estado likes em 1.

Código Inicial

Abra o projeto inicial abaixo e complete as partes que faltam do componente.

Starter code

Solução

Você pode comparar seu resultado com a solução final abaixo.

Solution code

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 3. Capítulo 2

Pergunte à IA

expand

Pergunte à IA

ChatGPT

Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo

Seção 3. Capítulo 2
some-alt