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等技术文章、视频教程和开源项目,请关注微信公众号——全栈弄潮儿。
微信公众号
发表评论 (审核通过后显示评论):