小编cli*_*ang的帖子

我正在尝试通过钩子更改路由的 searchParams useRouter。我做了一个最小程序来展示效果。

//page.tsx
import { Suspense } from "react";
import ClientComponent from "./client-component";
import ServerComponent from "./server-component";

export default function Page() {
  return (
    <main>
      <ClientComponent />
      <Suspense fallback={<div>Loading...</div>}>
        <ServerComponent />
      </Suspense>
    </main>
  );
}


// server-component.tsx
// render a datetime string after 2 seconds delay
export default async function ServerComponent() {
  const datetime = new Date().toLocaleString();
  await new Promise((resolve) => setTimeout(resolve, 2000));
  return <div>Server component rendered at {datetime}</div>;
}


// client-component.tsx
// navigate to '/min' with a …