我必須從類似于以下的 API 訪問資料：
{
"name": "nameofevent",
"speakers": [
{
"name": "speakerName"
}
]
}
我不確定如何訪問揚聲器內部的揚聲器名稱。下面是我所擁有的，但我認為我不能那樣做，因為揚聲器名稱與名稱具有相同的變數名稱。我將如何訪問揚聲器名稱？
{publicEvents.map((event) => {
const { name, speakers: [{name}]} = event;
return (
<EventsCard
eventName={name}
speakerName={name}
/>
);
})}
uj5u.com熱心網友回復：
解構時可以分配不同的變數名。
{publicEvents.map((event) => {
const { name: eventName, speakers: [{name: speakerName}]} = event;
return (
<EventsCard
eventName={eventName}
speakerName={speakerName}
/>
);
})}
uj5u.com熱心網友回復：
正如詹姆斯所說，它是一個陣列，因此您需要在陣列中指定該專案，因為可能有多個揚聲器。像這樣的東西可以用來選擇第一個專案：
speakers[0].name
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/425100.html
標籤：javascript 数组 解构