Javascript 材质UI树视图高度

有人知道如何设置材质ui TreeView固定高度或适合显示的高度吗？

---

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

只需修改

TreeView

组件的

root

样式即可。将所需的高度添加到

高度

属性，然后将

溢出

设置为自动，以使整个

树视图

组件可滚动

const useStyles=makeStyles({
根目录：{
高度：“50px”，
flexGrow:1，
最大宽度：400，
溢出：“自动”
}
});

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