He estado tratando de hacer esto y he buscado la respuesta en todas partes, pero nadie parece saber o tener el mismo problema.

Lo que quiero hacer es: tengo una matriz que se ve así

 const myArray = [ { nombre: 'String', definicion: 'Whatever.', duracion: 'Blah', id: "Blah", }, { nombre: 'Name', definicion: 'Short description.', duracion: 'time', id: "whatever again", }, { nombre: 'hello', definicion: 'this is descripción.', duracion: 'time', id: "the end", },

Usé map return (item. nombre, item. definición, etc.) y los tengo separados en diferentes divs, así que quería hacer nombre.onclick (transición CSS para que se muestre su definición) pero no funciona. Muestra todas las definiciones o ninguna. A veces muestra una definición 3 veces (o la cantidad de objetos en la matriz)