假設我有一組看起來像的對象[{details: {id: 7},type: minigame1,...(blabla some other values that i'll have to access later)},{details: {id: 8},type: minigame1,...(blabla some other values that i'll have to access later)},{details: {id: 10},type: minigame2,...}]現在,到我的組件的鏈接基于這些值,假設我選擇了第一個迷你游戲,我被路由到 localhost/minigame1/7該鏈接有效,盡管我只是想出了一個臨時解決方案,以實際獲取特定的、選定的迷你游戲數據。if (taskData !== '') { minigameData = taskData .filter(t => t.type === 'minigame1') .map(el => { questionsData = el; }); }這雖然忽略了 id 并且只為它可以找到的第一個游戲(id 7)提取數據,即使我選擇了 id 8 的游戲。所以我嘗試使用 good ollet { id } = useParams();我的問題是,我不確定如何讓它通過 id 和游戲類型過濾游戲數據。我試過添加另一個.filter(t => t.details.id === id) 在第一個之后,但它只會導致我的數據根本無法加載,無論鏈接 ID 是什么。我剛剛花了很多時間試圖找出一個解決方案,但我的想法已經用完了。將不勝感激任何建議!
如何根據 url ID 映射元素?
侃侃無極
2023-05-11 15:55:54