возможно ли получить позицию прокрутки в списке выбора материалов в списке прокрутки?

Question

возможно ли получить позицию прокрутки в списке material-ui на Scroll, если да, то как?

Я пытаюсь добавить бесконечный прокрутку в список выбора, так как у меня 5300 элементов, и это занимает вечносделать все эти элементы.

Answer 1

Да, вы можете.Вам нужно добавить обработчик прокрутки и проверить scrollTop списка против scrollHeight.Пожалуйста, добавьте немного кода к своим вопросам в следующий раз, так чтобы людям было легче помочь вам.

function LongList(props) {
  function loadMoreItems(event) {
    if (event.target.scrollTop === event.target.scrollHeight) {
     //user is at the end of the list so load more items
    } 
  }


  return (
    <List
      onScroll={loadMoreItems}
      style={{
        maxHeight:300,
        overflowY:'scroll'
      }}
    >
      <ListItem></ListItem>
      <ListItem></ListItem>
      <ListItem></ListItem>
      <ListItem></ListItem>
   </List>
  )
}

Редактировать: чтобы настроить таргетинг на список <Select>, вам нужно настроить таргетинг на компонент <Menu>составление списка выбора с использованием menuProps prop.

<Select
  menuProps={{
    onScroll:loadMoreItems
  }}
>
  {...menuItems}
</Select>

Способ нацеливания на внутренние компоненты в material-ui описан в их документации api захода на посадку .