我有一個 nextjs 應用程式。我已經使用這個答案https://stackoverflow.com/a/72221419/14287707 使用這樣的鏈接將資料從組件傳遞到頁面。
<Link href={{
pathname: "/products/" id,
query: userId // the data
}}>
<a>Show more</a>
</Link>
所以我能夠看到我在接收頁面上傳遞的額外資料作為這樣的物件， [id].tsx
const router = useRouter();
const data = router.query;
console.log("USER ID IS!!!!!!", data)
但是控制臺日志給了我這樣一個空鍵的值
{990:""
id: "12"}
它也像這樣附加在網址上
products/12?990
如何訪問 990 ？例如，我可以像這樣 data.id 獲得 id。但是 userId 呢？
uj5u.com熱心網友回復：
您當前的網址是products/12?990. 理想情況下應該是products/12?userId=990. 這樣做的原因是您正在傳遞一個原始字串，例如query: userId，它轉換為query: 990.
您應該根據檔案傳遞一個物件，例如：
query: { userId : userId }
或者簡單地說：
query: { userId }
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/529326.html
標籤：反应下一个.js