如何访问Next.js中布局文件中的页面slug(带有app文件夹)?

dfddblmv  于 2023-05-17  发布在  其他
关注(0)|答案(1)|浏览(131)

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

yjghlzjz

yjghlzjz1#

正如您在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>
  );
}

相关问题