typescript 下一个js查询没有给出实际结果

xa9qqrwz  于 2023-05-01  发布在  TypeScript
关注(0)|答案(1)|浏览(136)

I learning next js(typescript)and i created functino getServerSideProps({query})in detail/[slug].tsx但查询没有给出实际结果url
在url localhost:3000/detail/samsung-s23?variant=black但是在getServerSideProps()中我将得到

query:{
  slug:'wow',
}

我尝试用slug= samsung-23硬编码,但它会被'wow'替换,
我仍在使用虚拟数据
我的代码

export async function getServerSideProps({ query }) {
  console.log('request', query)
  // here function for search slug to item product 

  return {
    props: {
      slug: 'Samsung-s23-ram-8',
    },
  }
}
const Detail = ({ slug }) => {
 console.log(slug)
  const id = 'asddwases126'

  return (
    <PDPFullLayouts>
      <ProductDetails
        productId={id}
        detailProduct={dataDetail.detailProducts}
      />
      <PopularProducts />
    </PDPFullLayouts>
  )
}

在我的问题是如何改变我的slug从请求没有给wow再次?.

1l5u6lss

1l5u6lss1#

要在getServerSideProps方法中获取动态路由参数,必须访问req。参数
文件:
https://nextjs.org/docs/api-reference/data-fetching/get-server-side-props#context-parameter

相关问题