Reactjs React中物料界面的可滚动列表组件
如何使列表组件(请参阅)固定大小并可滚动?Reactjs React中物料界面的可滚动列表组件,reactjs,material-ui,Reactjs,Material Ui,如何使列表组件(请参阅)固定大小并可滚动? 每次我添加一个新的ListItem时,列表都会扩展,但是如果内容比容器大,我希望能够在其中滚动。我刚刚发现您可以添加属性。”“最大高度”和“溢出”是我需要解决的问题。 例如,对于纸质容器中的列表: <Paper style={{maxHeight: 200, overflow: 'auto'}}> <List> ... </List> </Paper> <List style={{m
每次我添加一个新的ListItem时,列表都会扩展,但是如果内容比容器大,我希望能够在其中滚动。我刚刚发现您可以添加属性。”“最大高度”和“溢出”是我需要解决的问题。 例如,对于纸质容器中的列表:
<Paper style={{maxHeight: 200, overflow: 'auto'}}>
<List>
...
</List>
</Paper>
<List style={{maxHeight: '100%', overflow: 'auto'}} />
...
如果您希望列表填充容器的所有高度,则此操作有效:
<Paper style={{maxHeight: 200, overflow: 'auto'}}>
<List>
...
</List>
</Paper>
<List style={{maxHeight: '100%', overflow: 'auto'}} />