我正在嘗試遍歷物件陣列并將它們作為道具分配給 react Plyr 組件，這是我目前正在做的事情，我只是將第一個物件值作為道具傳遞給像這樣的組件。
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
}
]
}
};
這是我的 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"
}
]
這是 plyr 物件的結構鏈接到 plyr io。
我還是 React 的新手，我確實嘗試使用 for each 和 map 但我無法更改鍵名基本上我想存盤來自 api 回應的鍵值并將它們分配給自定義鍵。
uj5u.com熱心網友回復：
你想這樣做嗎？
let a = movie.video_info.map( v => {
return {
type:'video',
title: 'Example title',
sources: [{
size: v.quality,
src: v.video_url
}]
}
})
console.log(a)uj5u.com熱心網友回復：
你的意思是。映射源陣列？
let sources = movie.video_info
.map((vidInfo)=>({
size: vidInfo.quality,
src: vidInfo.source
}))
let videoSrc = {
type: 'video',
title: 'Example title',
sources
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/375748.html
標籤：javascript 反应 plyr.js