Estoy tratando de desarrollar una nueva aplicación en React, donde muestro en un Fullcalendar, turnos de trabajo. Obtengo los datos de un punto final y luego quiero pasarlos dinámicamente a los eventos y recursos de FullCalendar.io. La respuesta se rellena con cadenas y matrices.

Descubrí cómo Fullcalendar.io asigna eventos a recursos (resourceId:). Ahora quiero mapear la respuesta a los campos correspondientes en eventos y recursos. He hecho esto para mostrar algunos resultados en una lista:

 shiftData.map((id) => <option key={shiftData.ShiftId} value={shiftData.ShiftId}> {shiftData.ShiftId} </option>)

Quiero hacer lo mismo con los eventos y recursos en Fullcalendar.io y estoy tratando de encontrar una forma de hacerlo dinámicamente.

 resources={[ { id: `${shiftData.DisplayName }`, resourceId: 'Name Surname', building: ` ${shiftData.JobTitle}`, title: ` ${shiftData.DisplayName }`, businessHours: { startTime: shiftData[0].StartDateTime, endTime: shiftData[0].EndDateTime } } }] events={[ { title: ` ${shiftData.DisplayName }`, resourceId: ` ${shiftData.DisplayName === 'Name Surname'}`, start: shiftData[0].ShiftCheckIn, end: shiftData[0].ShiftCheckOut }

Entonces, lo que hice en el ejemplo anterior fue verificar el nombre del empleado y mapearlo con un recurso codificado. Pero eso no funciona obviamente. Eso es lo que estoy tratando de averiguar. ¿Cómo puedo mapear datos dinámicamente? Tenga en cuenta que cuando indico la posición de la matriz [0], puedo obtener los resultados pero quiero hacerlo dinámicamente, para todos los objetos/propiedades en la respuesta.

¡Gracias de antemano!