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

Question

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

Answer 1

我刚刚发现你可以添加属性。 ＆＃39; maxHeight＆＃39;并且＆＃39;溢出＆＃39;是我需要解决我的问题。 例如，对于纸质容器中的列表：

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

Answer 2

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

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