Question

更新：已修正！我犯了一个愚蠢的错误，因为我有一个[language] / folder，但我忘记在href和query参数中提供该语言。

我有以下页面；

pages / _app.js
pages / _document.js
pages / index.js
pages / order.js
pages / discover / [categoryId] .js

这是订购页面。客户端路由只会更改url，而不会更改页面的内容。如果刷新页面，我会得到最后的内容。因此，服务器端路由有效，但客户端路由仅更改url，而不更改内容。

import React from "react";
import Head from "next/head";
import Link from "next/link";

export default function Order() {
  return (
    <>
      <Head>
        <title>Orders</title>
      </Head>
      <div>
        <p>Put orders here</p>
        <Link href={"/"}>
          <a>Home</a>
        </Link>
        <Link href={"/discover/[categoryId]"} as={"/discover/0"}>
          <a>Orders</a>
        </Link>
      </div>
    </>
  );
}

我做错了什么或可能导致此问题的原因吗？

下一版本：9.5.0
反应/反应区：16.13.1

Answer 1

如何尝试这种方式。我正在使用下一个9.2.1，它工作正常。

<Link href={{pathname: "/discover/[categoryId]", query: { categoryId: 0 }}} as={"/discover/0"}>
  <a>Orders</a>
</Link>

客户端路由在NextJS中不起作用

1 个答案: