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

【问题标题】：Scrollable List Component from Material-UI in ReactReact 中 Material-UI 的可滚动列表组件
【发布时间】：2017-10-02 23:41:26
【问题描述】：

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

【问题讨论】：

【解决方案1】：

我刚刚发现您可以添加属性。 'maxHeight' 和 'overflow' 是我解决问题所需要的。例如对于 Paper 容器中的 List：

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

【讨论】：

【解决方案2】：

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

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

【讨论】：