Continúa con el mejor descuento del año

Módulo 1 | 6 clases

Introducción

Módulo 2 | 6 clases

Esenciales I

Módulo 3 | 4 clases

Vite

Módulo 4 | 2 clases

Presentación del Proyecto

Módulo 5 | 19 clases

Esenciales II

Clase 1

Creando Primer Componente del Proyecto

Clase 2

Renderizado Condicional

Clase 3

Renderizado de Listas

Clase 4

Sesión 1 Aprendido en Clase

Clase 5

Manejando Eventos

Clase 6

Pasando Eventos como Props

Clase 7

Event bubbling

Clase 8

Sesión 2 Aprendido en Clase

Clase 9

Agregando Formularios

Clase 10

Dependencias para el Manejo de Formularios

Clase 11

Migrando a React Hook Form

Clase 12

Introducción a hooks

Clase 13

Reglas de los hooks

Clase 14

Cómo Funciona useEffect

Clase 15

Creando hook reusable

Clase 16

Qué son las ref

Clase 17

Ejemplo Usando useRef

Clase 18

Implementando forwardRef

Clase 19

Cómo Usar useImperativeHandle

Módulo 6 | 3 clases

Estilos

Módulo 7 | 8 clases

Routing

Módulo 8 | 8 clases

Fetching

Módulo 9 | 4 clases

State Management

Módulo 10 | 7 clases

Completando Proyecto

Módulo 11 | 6 clases

Mejorando tu Código

Módulo 12 | 4 clases

React Concurrente

7 comentario(s)

Glorienllys Delgadillo

12 Agosto 23

Hola, donde se consiguen los recursos para descargarlos??

Ver respuestas (1)

@pabloangelhd94

11 Agosto 23

a mi en los me lanza error que name, image, info es missing, alguien sabe por que import EventItem from “./components/EventItem”;
import data from ‘../../data/events.json’;

console.log(data);

const {_embedded:{events}} = data;

const Events = () => {

const eventsComponent = events.map((eventItem) => (
<EventItem
key={event-item-${eventItem.id}}
name={eventItem.name}
info={eventItem.info}
image={eventItem.image[0].url}
/>

));

return(
<div>
Eventos
{eventsComponent}

</div>   ); }

export default Events;
y este es el eventItem
const EventItem = ({name,image,info}) => {
return (
<div>
<img src={image} alt={name}></img>
<h4>{name}</h4>
<p>{info}</p>
</div>
);
}

export default EventItem;