Nextjs动态路由渲染两次

Question

如果我转到“ 当我检查控制台时”，一旦我未定义，然后是正确的 ID（在本例中为 5），pages/user/[id].jsx 我的[id].jsx 包含中就有一条动态路由。这是怎么回事，有办法解决吗？console.log(useRouter().query.id);url/user/5

Answer 1

您可以为此使用getInitialProps 。

// sample usage
// file /pages/user/[id].jsx

export default function User({id}){ 
  return <div>{id}</div>
}
    
User.getInitialProps = (appContext) => {
  return {id: appContext.query.id}
}