最好用的 6 个 React Tree select 树形组件测评与推荐

最好用的 6 个 React Tree select 树形组件测评与推荐

本文完整版:《最好用的 6 个 React Tree select 树形组件测评与推荐

React 树形选择器(React tree select)组件在搭建 React 的 app 中特别常用,React tree select 除了简单的树形结构外,还有非常多样的功能来配合不同场景的使用。比如搜索过滤,前端添加删除树枝,前端编辑修改子树名,拖拽排序,对用户操作事件记录等。本文记录了我自己使用多年最好用的 6 款 React tree select 组件,每一款都经过我实际测试,推荐给大家。

kalacloud-tree-select

如果你正在搭建后台管理工具,又不想处理前端问题,推荐使用卡拉云,卡拉云是新一代低代码开发工具,可一键接入常见数据库及 API ,无需懂前端,仅需拖拽即可快速搭建属于你自己的后台管理工具,一周工作量缩减至一天,详见本文文末。

接下来介绍 6 款我自己常用的 React tree select第三方组件,它们各有特色,希望能帮你找到合适你的选择器

  • React Sortable Tree - 全功能,树状单选多选、可拖拽、过滤搜索、多种主题可选
  • React Treebeard - 纯树形选择器、轻盈趁手、有过滤搜索功能
  • RC Tree - 资源管理器树状型选择器、可拖拽编辑、动态生成、icon 可换
  • React Animated Tree - 有漂亮的动效的基础款树形选择器,没有多余功能
  • React Dropdown Tree Select - 树形下拉菜单勾选选择器,是树形+checkbox+下拉选择器的合集组件
  • React Checkbox Tree - 带有 checkbox 的树状组件、有过滤搜索功能

1.React Sortable Tree - 全功能,树状单选多选、可拖拽、过滤搜索、多种主题可选

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值