Material-UI TreeView 高度

Question

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

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

Answer 1

只需修改TreeView组件的root样式即可。将您想要的高度添加到 height 属性，然后将 overflow 设置为 auto 以使整个 TreeView 组件可滚动。 Sandbox

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