Descripción
Implementa un componente en React que optimice el cálculo total de precios de productos filtrados por categoría usando el hook useMemo. Asegúrate de evitar cálculos innecesarios en cada renderización.
Este reto se enfoca en la implementación de un componente en React que haga uso de hooks para optimizar cálculos y actualizaciones concurrentes, específicamente usando el hook useMemo
. El componente se llamará FiltroProductos
y deberá recibir un array de objetos que representan productos, junto con una categoría específica para filtrar. El objetivo es que el componente muestre el precio total de los productos que pertenecen a la categoría indicada, y para ello, deberás utilizar useMemo
para memorizar el cálculo del precio total.
Guarda tu progreso
Inicia sesión para no perder tu progreso y accede a miles de tutoriales, ejercicios prácticos y nuestro asistente de IA.
Más de 25.000 desarrolladores ya confían en CertiDevs
Requisitos:
- El componente debe llamarse
FiltroProductos
. - Debe recibir como
props
un array de objetosproductos
y unacategoría
para filtrar. - Debe mostrar el precio total de los productos que pertenecen a la categoría especificada.
- Utiliza
useMemo
para memoizar el cálculo del precio total.
Ejemplo de uso:
<FiltroProductos
productos={[
{ id: 1, nombre: 'Producto 1', precio: 100, categoria: 'A' },
{ id: 2, nombre: 'Producto 2', precio: 200, categoria: 'B' },
{ id: 3, nombre: 'Producto 3', precio: 150, categoria: 'A' },
]}
categoria="A"
/>
Solución al ejercicio
¡Desbloquea la solución completa!
Completa el examen para acceder a la solución paso a paso, explicaciones detalladas y mejores prácticas.
Practica con exámenes de React
Mejora tus habilidades con cientos de exámenes de práctica, recibe retroalimentación instantánea y obtén tu certificación cuando estés listo.
Retroalimentación
Aprende de tus errores
Progreso
Mide tu avance
Certificación
Valida tus habilidades
Únete a miles de desarrolladores mejorando sus habilidades