文件名称:next-layout:以声明的方式向您的Next.js项目添加持久和嵌套的布局
文件大小:132KB
文件格式:ZIP
更新时间:2024-05-04 13:29:06
react layout page next nested
下一个布局 以声明的方式向您的Next.js项目添加持久和嵌套的布局。 安装 $ npm install @moxy/next-layout 该库是用现代JavaScript编写的,并以CommonJS和ES模块的编译变体形式发布。 如果您以较旧的浏览器为目标,请确保相应地进行翻译。 动机 Next.js项目通常需要具有一个或多个布局。 布局是应用程序的“外壳”,通常包含导航元素,例如页眉和页脚。 在更复杂的项目中,您可能还需要具有嵌套布局,这些布局通常与嵌套路线相关联。 在理想的情况下,每个页面都可以说出他们想使用哪种布局,包括动态地调整其属性,例如variant="light" 。 但是,我们还希望将布局保留在React树中,以避免每次用户在页面之间导航时都必须重新安装它。 从历史上看,项目忽略了多种布局的需要或在页面之间更改布局道具的能力。 他们从简单的布局开始,直到后来才满
【文件预览】:
next-layout-master
----.eslintrc.json(260B)
----.gitignore(46B)
----package.json(2KB)
----package-lock.json(514KB)
----src()
--------index.js(109B)
--------util()
--------with-layout.js(3KB)
--------LayoutTree.js(2KB)
----jest.config.js(336B)
----.commitlintrc.json(69B)
----LICENSE(1KB)
----CHANGELOG.md(4KB)
----.huskyrc(117B)
----.github()
--------workflows()
----README.md(9KB)
----.lintstagedrc(25B)
----babel.config.js(293B)
----test()
--------index.test.js(10KB)
--------__snapshots__()
----.editorconfig(248B)