React中Material-UI的可滚动列表组件

Question

如何使List组件(请参阅http://www.material-ui.com/#/components/list)固定大小和可滚动？每次我添加一个新的ListItem时,List都会扩展,但是如果内容比容器大,我希望能够滚动它.

Answer 1

我刚刚发现你可以添加属性."maxHeight"和"溢出"是我需要解决问题的方法.例如,对于Paper容器中的List:

<Paper style={{maxHeight: 200, overflow: 'auto'}}>
  <List>
   ...
  </List>
</Paper>

Answer 2

如果您希望列表填充容器的所有高度，则此方法有效：

<List style={{maxHeight: '100%', overflow: 'auto'}} />