【文件属性】：
文件名称：react-sidenav:基于React的侧边栏导航
文件大小：295KB
文件格式：ZIP
更新时间：2021-05-14 14:01:13
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)