材质-UI TreeView 高度

Question

有谁知道如何设置material-ui TreeView固定高度或适合显示的高度？

我希望当 TreeView 内容高度变为 100 或显示高度的 100% 时显示滚动条。现在，当我展开树时，所有不适合的内容都会从显示底部消失。

Answer 1

只需修改组件root的样式即可TreeView。将所需的高度添加到height属性中，然后分配overflow给 auto 以使整个TreeView组件可滚动。沙盒

const useStyles = makeStyles({
  root: {
    height: "50px",
    flexGrow: 1,
    maxWidth: 400,
    overflow: "auto"
  }
});
<TreeView
      className={classes.root}
      defaultCollapseIcon={<ExpandMoreIcon />}
      defaultExpandIcon={<ChevronRightIcon />}
    >