javascript - Material-UI TreeView 高度

Question

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

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

Answer 1

只需修改root TreeView 的风格零件。将您想要的高度添加到 height属性，然后赋值 overflow自动制作整个TreeView组件可滚动。 Sandbox

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