我有一个链接组件，看起来像这样：
'<Link href={`/product/${id.id}`}>'
点击上面的链接后的URL看起来像这样：
http://localhost:3000/product/15b96476-c9c0-4ca2-86f0-32790da6c89f
当我点击链接时，我想从页面中检索id
const page = ({id}) => { //console.log }
但是当我尝试console.log id值时，它返回undefined。如何访问此值？
vjrehmav1#
谢谢大家，经过一段时间的谷歌搜索，这已经奏效了：
'use client' import React from 'react' import { useParams } from 'next/navigation'; const page = () => { const {productid} = useParams(); console.log(`${productid}`) return ( <div> {productid} </div> ) } export default page
1条答案
按热度按时间vjrehmav1#
谢谢大家，经过一段时间的谷歌搜索，这已经奏效了：