React Dojo

Buscar

Busca conceptos, ejercicios y quizzes

prácticabásico

Acordeón

Un componente acordeón donde cada item puede expandirse o contraerse independientemente. El estado es un Set de IDs abiertos.


Objetivos

  1. 1.Declara estado openItems como new Set() vacío
  2. 2.En toggleItem: si id está en el Set, remuévelo; si no, agrégalo — siempre con copia funcional
  3. 3.Pasa openItems.has(item.id) como prop isOpen a cada AccordionItem
  4. 4.El ícono rota 180° cuando isOpen es true
  5. 5.El contenido solo se renderiza cuando isOpen es true
tu código
Pista

Usa Set para almacenar IDs abiertos. toggle: si set.has(id) remueve, si no añade.

Conceptos relacionados

¿Fue útil?
Inicia sesión para dar feedback