Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/26.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs React中物料界面的可滚动列表组件_Reactjs_Material Ui - Fatal编程技术网

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'}} />