我可以为不同的页面使用多个布局吗？

Question

例如：如果我想为购物区和用户设置区设置两种不同类型的导航栏。

Answer 1

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

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