React中布局和模板的区别



谁能给我解释一下它们的区别?

我觉得布局和模板是一回事,但是看看像Gatsby和NextJs这样的框架,我就不那么确定了。

假设你在问关于NextJS 13的模板和布局?

模板和布局都可以包装子布局或页面。

布局在路由中持续存在并保持其状态。模板在导航上为每个子模板创建一个新实例,不保留任何状态,并重新创建DOM元素。

使用模板

过渡动画
  • 逻辑依赖于useEffect或useState如跟踪分析或表单提交。

Vercel建议使用布局而不是模板,除非必要,但你可以在同一个路由段中同时使用这两种方式。

最新更新