Estoy tratando de recorrer una serie de objetos y asignarlos como accesorios al componente React Plyr. Esto es lo que estoy haciendo actualmente. Solo estoy pasando los primeros valores de objeto como accesorios a los componentes de esta manera.
if (movie) { console.log(movie.video_info[0].src) videoSrc = { type: 'video', title: 'Example title', sources: [ { size: movie.video_info[0].quality, src: movie.video_info[0].source } ] } };aquí está mi respuesta api
"video_info": [ { "quality": "1080", "video_url": "http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4", "id": "1111" }, { "quality": "720", "video_url": "http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ElephantsDream.mp4", "id": "1112" } ]aquí está la estructura del objeto plyr link to plyr io .
Todavía soy nuevo en React e intenté usar para cada uno y el mapa, pero no pude cambiar los nombres de las claves, básicamente, quiero almacenar los valores clave de la respuesta de la API y asignarlos a claves personalizadas.
Te refieres a. mapeo sobre una matriz de fuentes?
let sources = movie.video_info .map((vidInfo)=>({ size: vidInfo.quality, src: vidInfo.source })) let videoSrc = { type: 'video', title: 'Example title', sources }¿Estás tratando de hacer esto?
let a = movie.video_info.map( v => { return { type:'video', title: 'Example title', sources: [{ size: v.quality, src: v.video_url }] } }) console.log(a)