可复用的布局
Next.js的layout是一个可复用的布局，不同的子页面可以共享布局容器，页面跳转时，layout容器不会重新渲染。
children props
export default function RootLayout({ children }) {return (<html lang="en"><body><header>头部不会重新渲染</header><main>{children}</main><footer>底部不会重新渲染</footer></body></html>)
}
children props是layout的一个参数，它接收一个React元素, 该元素其实就是page.js的渲染结果。
你可以根据你的需求，在layout中添加一些公共的布局元素，比如header, footer等，这些元素不会随着路由的切换而重新渲染。
嵌套布局
layout组件也可以嵌套，例如：
app作为最外层的layout，嵌套了dashboard的子layout，dashboard的layout其实对应的就是app中的children。
而dashboard layout.js中的children则对应了dashboard的page页面。
为了方便读者阅读完整的教程，可直接访问作者的教程文档：
https://blog.chdl.fun/ChBlog/docs/category/nextjs
