Tengo que acceder a los datos de una API que es similar a:
{ "name": "nameofevent", "speakers": [ { "name": "speakerName" } ] }No estoy seguro de cómo acceder al nombre del altavoz dentro de los altavoces. A continuación se muestra lo que tengo, pero no creo que pueda hacerlo de esa manera porque el nombre del hablante tiene el mismo nombre de variable que el nombre. ¿Cómo accedería al nombre del hablante?
{publicEvents.map((event) => { const { name, speakers: [{name}]} = event; return ( <EventsCard eventName={name} speakerName={name} /> ); })}Puede asignar diferentes nombres de variables al desestructurar.
{publicEvents.map((event) => { const { name: eventName, speakers: [{name: speakerName}]} = event; return ( <EventsCard eventName={eventName} speakerName={speakerName} /> ); })}Como dijo James, es una matriz, por lo que debe especificar ese elemento en la matriz, ya que es posible tener varios oradores. Se podría usar algo como esto para seleccionar el primer elemento:
speakers[0].name