Intentando renderizar condicionalmente diferentes medios (audio/video) de un archivo JSON en reaccionar pero obteniendo errores.
Aquí está el código:
{surgeryData.map(data => ( <div> <Plyr source={ ((type = {data.type}), (sources = [ { src = {data.media} } ])) } /> </div> ))} Ya sea que use = después de la fuente o : reaccionar, no parece que me gusten los datos anidados dentro de la fuente. ¿Alguna solución?
Según la documentación , la fuente debería ser un objeto como este.
{surgeryData.map((data) => ( <div> <Plyr source={{ type: data.type, sources: [ { src: data.media } ] }} /> </div> ))}