react-sidenav:基于React的侧边栏导航

时间:2024-06-03 07:47:53
【文件属性】:

文件名称:react-sidenav:基于React的侧边栏导航

文件大小:295KB

文件格式:ZIP

更新时间:2024-06-03 07:47:53

react sidemenu sidenav sidenavigation TypeScript

React侧导航 React的侧面导航组件 要求 react-sidenav被导出为es模块,因此您需要捆绑程序才能使用它。 它也是用Typescript编写的,因此也可以直接与Typescript项目一起使用。 对等依赖 React16.8 导航上下文 由于当前版本的react-sidenav没有任何固定的渲染模板,因此用户可以*渲染Nav项目。 为了有条件地渲染项目,可以获取包含以下属性的上下文: 财产 类型 描述 选定的 布尔值 如果选择此导航项目 ID 细绳 Nav的id(根据props.id) pathId 细绳 路径ID,将为parentId 等级 数字 导航级别从1开始 isLeaf 布尔值 如果为true,则此Nav没有子代 以下是有关如何使用它的示例。 const Item = ( ) => { const context = Reac


【文件预览】:
react-sidenav-master
----.gitignore(79B)
----tsconfig.json(878B)
----README.md(3KB)
----.gitlab-ci.yml(579B)
----docs()
--------tsconfig.json(696B)
--------public()
--------now.json(504B)
--------package.json(969B)
--------tslint.json(580B)
--------src()
--------babel.config.js(233B)
--------package-lock.json(523KB)
----package.json(2KB)
----tslint.json(556B)
----sidenav.png(35KB)
----src()
--------index.tsx(178B)
--------types.ts(1KB)
--------NavGroupChildren.tsx(2KB)
--------NavGroup.tsx(4KB)
--------Nav.tsx(3KB)
--------context.tsx(0B)
--------SideNav.test.tsx(4KB)
--------playground()
--------SideNav.tsx(2KB)
--------Nav.test.tsx(2KB)
----jetbrains.png(5KB)
----LICENSE.md(1KB)
----jest.config.js(144B)
----playground()
--------index.html(338B)
----.npmignore(50B)
----webpack.config.js(626B)
----babel.config.js(233B)
----package-lock.json(339KB)

网友评论