React의 재료 UI에서 스크롤 가능한 목록 구성 요소
List 컴포넌트를 만드는 방법(https://material-ui.com/components/lists/)을 참조하십시오)새로운 ListItem을 추가할 때마다 ListItem이 전개되지만, 내용물이 컨테이너보다 커지면 스크롤할 수 있도록 하고 싶습니다.
속성을 추가할 수 있다는 것을 방금 알았습니다.'max Height'와 'Overflow'가 문제를 해결하기 위해 필요했습니다.예를 들어, 용지 컨테이너에 있는 목록의 경우:
<Paper style={{maxHeight: 200, overflow: 'auto'}}>
<List>
...
</List>
</Paper>
목록이 컨테이너의 모든 높이를 채우도록 하려면 다음과 같이 하십시오.
<List style={{maxHeight: '100%', overflow: 'auto'}} />
언급URL : https://stackoverflow.com/questions/43788878/scrollable-list-component-from-material-ui-in-react
'source' 카테고리의 다른 글
| 플러그인 메뉴가 관리 패널에 표시되지 않음 (0) | 2023.04.03 |
|---|---|
| 효소에서 keyDown Enter 이벤트(또는 기타)를 시뮬레이션하려면 어떻게 해야 합니까? (0) | 2023.04.03 |
| 순환 의존관계 발견: $http <- $templateFactory <- $view <- $state (0) | 2023.03.29 |
| 외부 의존 관계가 없는 디렉티브별 AngularJS 그룹 (0) | 2023.03.29 |
| 블록 범위 변수를 다시 닫을 수 없습니다. (0) | 2023.03.29 |