共计 2218 个字符，预计需要花费 6 分钟才能阅读完成。
本文完整版：《最好用的 6 个 React Tree select 树形组件测评与举荐》
React 树形选择器（React tree select）组件在搭建 React 的 app 中特地罕用，React tree select 除了简略的树形构造外，还有十分多样的性能来配合不同场景的应用。比方搜寻过滤，前端增加删除树枝，前端编辑批改子树名，拖拽排序，对用户操作事件记录等。本文记录了我本人应用多年最好用的 6 款 React 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 – 全功能，树状单选多选、可拖拽、过滤搜寻、多种主题可选
react-sortable-tree 放在第一个举荐，因为它涵盖了大多数你须要的性能，单选多选，鼠标拖拽子集到新合集，前端含糊搜寻，你须要的性能它全有。
它还有多种主题可供选择，比方，win 文件管理器、树状全节点拖动、notion 型的块拖动等主题。
- 没有依赖
- 单选、多选
- 鼠标拖拽子集到新合集
- 前端含糊搜寻过滤
- 多种款式主题和选
扩大浏览：《7 款最棒的开源 React 挪动端 UI 组件库和模版框架》
2.React Treebeard – 纯树形选择器、轻捷趁手、有过滤搜寻性能
react-treebeard 简洁的树形 React 组件。尽管 UI 简略，但整体轻捷，性能次要集中在树状构造及搜寻上。三角按钮开展树形构造，平滑的动态效果。内置搜寻性能，可疾速过滤搜寻，效率极快。
扩大浏览：《最好的 6 个 React Table 组件具体亲测举荐》
3.RC Tree – 资源管理器树状型选择器、可拖拽编辑、动静生成、icon 可换
rc-tree 是一套 Win 资源管理器形的树状选择器 React 组件，用户能够在前端拖拽各个节点到新汇合中。更棒的是这套树状组件反对动静加载，可在用户开展树结构时，进行动静加载。
扩大浏览：《最好用的 5 款 React 富文本编辑器》
4.React Animated Tree – 有丑陋的动效的根底款树形选择器，没有多余性能
react-animated-tree 是一个最简略模式的 React 树状组件。这套组件有晦涩丑陋的动画成果，开展、敞开组件时可见。除此之外，没有任何其余多余的性能，它只有多层树状构造，简略的开合以及点击抉择。针对仅须要树状抉择组件的应用场景。
调试 tree select 太麻烦？
试试卡拉云，无需懂前端，拖拽即可生成 tree 组件，连贯 API 和数据库间接生成后盾零碎，两个月的工期升高至 1 天
5.React Dropdown Tree Select – 树形下拉菜单勾选选择器，是树形 +checkbox+ 下拉选择器的合集组件
react-dropdown-tree-select 可真是厉害了，是树形选择器 + 下拉菜单 + checkbox 的合集版，不仅前端能够搜寻过滤，还能够疾速通过树结构批量抉择。
扩大浏览：《React form 表单验证终极教程》
6.React Checkbox Tree – 带有 checkbox 的树状组件、有过滤搜寻性能
react-checkbox-tree 顾名思义，它是带有 checkbox 的树状选择器。适宜用在勾选须要操作的目录等利用场景中应用。
扩大浏览：《顶级好用的 React 表单设计生成器，可拖拽生成表单》
React 树形选择器总结
本文举荐了我本人应用多年的 6 款最好用的 React Tree select 树形选择器，这其中肯定有一款适宜你。这些第三方组件曾经帮咱们节俭大量开发工夫，如果还想更进一步，举荐应用卡拉云， 卡拉云内置树形选择器 和过滤搜寻性能，无需懂任何前端，仅需拖拽即可疾速生成。
卡拉云可帮你疾速搭建企业外部工具，下图为应用卡拉云搭建的外部广告投放监测零碎，无需懂前端，仅需拖拽组件，10 分钟搞定。你也能够疾速搭建一套属于你的后盾管理工具。
卡拉云是新一代低代码开发平台，与前端框架 Vue、React 等相比，卡拉云的劣势在于不必首先搭建开发环境，间接注册即可开始应用。开发者齐全不必解决任何前端问题，只需简略拖拽，即可疾速生成所需组件，可一键接入常见数据库及 API，依据疏导简略几步买通前后端，数周的开发工夫，缩短至 1 小时。立刻收费试用卡拉云。
扩大浏览：
- 最好用的 8 款 React Datepicker 工夫日期选择器测评举荐
- React Router 6 (React 路由) 最具体教程
- React Draggable 实现拖拽 – 最具体中文教程
- 最好的 6 款 React admin 后盾管理系统模板和框架