如何访问Next 13中布局文件中的页面slug(带应用程序文件夹)?

cgvd09ve  于 2023-04-05  发布在  其他
关注(0)|答案(1)|浏览(147)

在嵌套布局中使用新的应用程序文件夹,我有一个标题。让我们假设该路径中所有页面的路径都是www.mysite.com/some-slug。我的标题中有一个注册按钮(这是布局的一部分),我希望它将用户发送到www.mysite.com/some-slug/signup,但我不知道如何访问slug。我看到新的useRouter不再有查询,我没有访问页面的context,因为我比页面高一级。

cig3rfwq

cig3rfwq1#

正如你在doc上看到的,一个动态段中的Layout得到了第二个参数params。你可以这样做,例如:

// [slug]/Layout.js 👈🏽

import Link from "next/link";

export default function Layout({ children, params }) {
  return (
    <main>
      <Link href={`/${params.slug}/signup`}>Signup</Link>
      {children}
    </main>
  );
}

相关问题