是否有基于 Material UI 的树选择组件？答案

【问题标题】：Is there a Material UI based tree select component?是否有基于 Material UI 的树选择组件？
【发布时间】：2020-09-21 18:54:51
【问题描述】：

我一直在寻找一个具有清晰 API 文档的可靠组件，它允许我为 选择输入作为表单的一部分显示“树视图”结构。我遇到的最接近的是vue-treeselect，它具有许多受支持的功能，例如：禁用分支节点、禁用项目选择等等；问题是它只在 Vue JS 上可用。我的项目使用 Material UI 作为其设计系统，任何支持它的组件都会非常棒。谢谢

【问题讨论】：

Material-UI 有一个 TreeView 组件，尽管它仍在lab 中。 material-ui.com/components/tree-view/#tree-view
感谢瑞恩的评论。但是，TreeView 组件似乎无法与 Text Field 或 Material UI 中的任何其他表单元素集成。我的用例是将其用作表单输入。
自动完成功能还支持分层选项 (material-ui.com/components/autocomplete/#grouped)，尽管它只支持单级分组。
我正在寻找同样的东西。你有没有遇到任何对你有用的东西？
不幸的是还没有。我最近才再次来积极地工作。一旦我发现有用的东西，我会告诉你的。

标签： reactjs input material-ui

【解决方案1】：

您可以在此处安装此库。它也涵盖了反应形式和 ngforms 看看这个https://www.npmjs.com/package/mat-tree-select-input

【讨论】：

您不能真正将它与 react 一起使用，因为它具有 Angular 作为依赖项

【解决方案2】：

可能这就是您要查找的内容： https://github.com/dowjones/react-dropdown-tree-select（也有类似mui风格的主题）

【讨论】：