在嵌套布局中使用新的应用程序文件夹,我有一个标题。让我们假设该路径中所有页面的路径都是www.mysite.com/some-slug。我的标题中有一个注册按钮(这是布局的一部分),我希望它将用户发送到www.mysite.com/some-slug/signup,但我不知道如何访问slug。我看到新的useRouter不再有查询,我没有访问页面的context,因为我比页面高一级。
www.mysite.com/some-slug
www.mysite.com/some-slug/signup
useRouter
context
cig3rfwq1#
正如你在doc上看到的,一个动态段中的Layout得到了第二个参数params。你可以这样做,例如:
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> ); }
1条答案
按热度按时间cig3rfwq1#
正如你在doc上看到的,一个动态段中的
Layout
得到了第二个参数params
。你可以这样做,例如: