reactjs 下一个js重定向问题，/page/[id]无法在manuel中工作[已关闭]

t98cgbkg 于 2023-01-04 发布在 React

关注(0)|答案(1)|浏览(87)

编辑问题以包含desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem。这将有助于其他人回答问题。
十小时前关门了。
Improve this question
enter image description here当我转到/page/：id时，它不会将我重定向到该页面，但转到/page并按下任何卡会将我重定向到/page/id，如果我尝试手动转到，它不会将我转到那里
我可以使用next-router在代码中导航到该页面，但如果我手动修复手动URL，我就无法转到（/page/[ id]）

const router = useRouter()
useEffect(() => {
    console.log(router.query.id)
}, [router.query.id])

重定向到该页面

1条答案

一种可能的解决方案是将id参数作为查询字符串而不是route参数传递。例如：

Router.push({
  pathname: '/page',
  query: { id: '123' }
});

这将生成URL/page？id=123。要访问页面中的id参数，可以使用useRouter挂钩并访问查询对象：

import { useRouter } from 'next/router';

function Page() {
  const router = useRouter();
  const id = router.query.id;
  // ...
}