react组织树组件开源了,建议收藏!

github地址:https://github.com/artdong/react-org-tree react-org-tree A simple organization tree component based on react Installation # use npm npm i react-org-tree # use yarn yarn add react-org-tree Usage(使用方法) import OrgTree from 'react-org-tree'; const horizontal = false; // true:横向 false:纵向 const collapsable = true; // true:可折叠 false:不可折叠 const expandAll = true; // true: 全部展开 false:全部折叠 const data = { id: 0, label: 'XXX股份有限公司', children: [{ id: 1, label: '技术部', children: [{ id: 4, label: '后端工程师' }, { id: 5, label: '前端工程师' }, { id: 6, label: '运维工程师' }] }, { id: 2, label: '人事部' }, { id: 3, label: '销售部' }] } Preview (预览) 横向(horizontal) 横向.png 纵向(vertical) 纵向.png 部分展开(expand) 部分展开.png 全部展开(expandAll) 全部展开.png 经典前端面试题每日更新,欢迎参与讨论,地址:https://github.com/daily-interview/fe-interview。 更多angular1/2/4/5、ionic1/2/3、react、vue、微信小程序、nodejs等技术文章、视频教程和开源项目,请关注微信公众号——全栈弄潮儿。 微信公众号

本文章由javascript技术分享原创和收集

发表评论 (审核通过后显示评论):