reactjs - React 中布局和模板的区别

标签 reactjs templates layout next.js

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

我觉得布局和模板是同一件事,但看看 Gatsby 和 NextJs 等一些框架,我不再那么确定了。

最佳答案

假设您要询问 NextJS 13 中的模板和布局?

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

布局在路由之间保持不变并保持其状态。模板在导航时为其每个子级创建一个新实例,不保留任何状态并重新创建 DOM 元素。

使用模板用于:

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

除非必要,Vercel 建议使用布局而不是模板,但您可以在同一路线段中使用这两种布局。

关于reactjs - React 中布局和模板的区别,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/74336572/

相关文章:

c++ - 模板类返回类型?这是怎么写的?

css - 如何创建 Facebook 风格的固定状态栏?

android - 在 Layer-List 中使用 XML 更改布局的边距

javascript - 我正在尝试在 ejs 文件中加载 bundle.js 脚本?

css - react 伪选择器内联样式

c++ - 可变模板别名作为模板参数(第 2 部分)

java - Java FlowLayout 中的第 2 组组件

reactjs - 无法在我的 React 应用程序中嵌入 Apache Superset

javascript - 如何在formdata中追加 boolean 类型值?

c++ - 非类型模板参数不引用任何声明?