我可以在不同页面上使用多个布局吗？

Question

例如：如果我要在“购物”区域和“用户设置”区域中使用两种不同类型的导航栏。

Answer 1

您可以使用pages/_app.js在所有页面上共享布局，但是如果您有多个布局，则可以：

• 将布局提取到_app.js的子级。例如，pages/index.js会在此处而不是在<Layout />中渲染您的_app.js组件。然后，pages/blog.js可以呈现不同的布局<BlogLayout />。
• 您可以使用useRouter()内的_app.js钩子来检查您所走的路线并有条件地更改布局。