Material-UI에서 스크롤 가능한 목록 구성 요소

Question

목록 구성 요소 (http://www.material-ui.com/#/components/list 참조)를 고정 크기로 스크롤 할 수있게 만드는 방법은 무엇입니까? 새 ListItem을 추가 할 때마다 목록이 확장되지만 내용이 컨테이너보다 커지면 스크롤 할 수 있기를 원합니다.

Answer 1

방금 ​​속성을 추가 할 수 있음을 알았습니다. 'maxHeight'와 'overflow'는 내 문제를 해결하기 위해 필요했습니다. 종이 용기의 목록에 대한 예를 들어

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

Answer 2

이 작동하면 컨테이너의 모든 높이를 채우기 위해 목록을 원하는 경우 :

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

을