使用 useState 更新具有 API 響應的數組

Question

我在 React 中工作，想用從 API 請求到 musixmatch API 的響應來更新我擁有的數組。 基本上，albums.tracks.gets 返回某個專輯中所有歌曲的數組。 這是我從 API 請求返回的 res.data 響應，我正在嘗試使用 useState 掛鈎將整個專輯列表“數組”基本上加載到名為專輯的數組中。 這里最好的方法是什么？ 這是我為更新專輯而編寫的代碼目前，我將專輯定義為 state 並嘗試使用 setAlbums 對其進行更新。 我正在嘗試加載整個album_list 數組並將所有名稱/album_ids 加載到數組中。 現在，當我console.log(albums)控制台只打印出 []，一個空數組。 有沒有辦法將兩者都存儲在某種字典中？ 或者我是否必須將一個或另一個存儲在一個簡單的數組中。 謝謝！

Answer 1

第二張圖有兩個問題，可能會導致空數組：

1. 您是 console.logging res.data.message.body.album_lis但將res.data.message.body.album_list添加到您的 state 變量中。
2. 請注意 setState 是異步的（請參閱此問題），您可以嘗試使用 useEffect 到 console.log 相冊。