react-hook-layout:React中的布局管理

时间:2024-05-21 09:03:45
【文件属性】:

文件名称:react-hook-layout:React中的布局管理

文件大小:1.95MB

文件格式:ZIP

更新时间:2024-05-21 09:03:45

react hook layout react-hooks JavaScript

React挂钩布局 该钩子是Layout组件模式的一种变体,已在网站上进行了描述,并在React文档中作为部分的一部分进行了提及。 它在页面和布局组件之间添加了一层抽象,并允许开发页面而无需事先创建布局组件。 在运行时在多个布局之间切换也变得很容易。 用法 创建一个页面组件,并使用相应的内容定义插槽。 import { defineSlots , useLayout } from "react-hook-layout" ; const Page = ( ) => { const { Content , Footer , Header , SidebarLeft , SidebarRight } = defineSlots ( "Content" , "Footer" , "Header" , "SidebarLeft" , "SidebarR


【文件预览】:
react-hook-layout-master
----docs()
--------vendors~main.558f184e9d3e81a2fa1b.bundle.js(2.34MB)
--------vendors~main.0cee31a736f904c78355.bundle.js.LICENSE.txt(2KB)
--------main.0cee31a736f904c78355.bundle.js(23KB)
--------sb_dll()
--------index.html(1KB)
--------static()
--------runtime~main.8bfece81a1ead32e094c.bundle.js(1KB)
--------vendors~main.0cee31a736f904c78355.bundle.js(713KB)
--------vendors~main.0cee31a736f904c78355.bundle.js.map(170B)
--------runtime~main.0cee31a736f904c78355.bundle.js.map(169B)
--------main.209177da3b8471fb4e7d.bundle.js(501B)
--------main.0cee31a736f904c78355.bundle.js.map(153B)
--------runtime~main.0cee31a736f904c78355.bundle.js(3KB)
--------iframe.html(3KB)
--------favicon.ico(32KB)
----package.json(2KB)
----.eslintrc.json(164B)
----tests()
--------define-slots.test.js(877B)
--------use-slots.test.js(490B)
--------use-layout.test.js(1KB)
--------env-src.js(98B)
----CHANGELOG(570B)
----LICENSE(745B)
----package-lock.json(326KB)
----src()
--------use-slots.js(301B)
--------index.js(91B)
--------use-layout.js(646B)
--------define-slots.js(667B)
--------args-as-names.js(105B)
--------slots.js(307B)
----.gitignore(2KB)
----README.md(3KB)
----storybook()
--------stories()
--------.storybook()
--------package.json(767B)
--------package-lock.json(620KB)
----.prettierrc.json(56B)

网友评论