Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprende Desafío: Crear un Botón de Me Gusta para una Publicación en Redes Sociales | Estado y Efectos Secundarios
Introducción a React

Desafío: Crear un Botón de Me Gusta para una Publicación en Redes Sociales

Desliza para mostrar el menú

Tarea

Crear una tarjeta simple de publicación en una red social con un contador de "me gusta" funcional utilizando el hook useState.

El componente debe incluir:

  1. Una variable de estado llamada likes. Su valor inicial debe ser 120.

  2. Un encabezado (elemento h2). Su contenido de texto debe ser Exploring Iceland.

  3. Un párrafo (elemento p). Su contenido de texto debe ser One of the most beautiful trips I've ever had.

  4. Otro párrafo (elemento p). Debe mostrar Likes: seguido del valor actual de likes.

  5. Un botón (elemento button). Su contenido de texto debe ser Like Post.

  6. Al hacer clic en el botón, aumentar el estado likes en 1.

Código inicial

Abre el proyecto inicial a continuación y completa las partes faltantes del componente.

Starter code

Solución

Puedes comparar tu resultado con la solución final a continuación.

Solution code

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 3. Capítulo 2

Pregunte a AI

expand

Pregunte a AI

ChatGPT

Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla

Sección 3. Capítulo 2
some-alt