reactjs - 在material-ui中的List中滚动到一个列表项

Question

我有一个下拉列表，当用户从中选择某个项目时，它会scrollToItem被调用，它应该滚动到 UI 中的选定列表项。但是使用下面的代码，它没有发生，它根本没有滚动。有人可以看看吗：

  const scrollToItem = (e, data) => {
    if (data) {
      const { index } = data;
      listRef.current.scrollTo(0, index * 48)
    }
  };

return (
  <>
    <List ref={listRef}>
      {data.map((item, index) => (
        <ListItem
          key={index}
          onClick={() => setIndex(index)}
        >
          <ListItemText
            primary={item.m}
          />
        </ListItem>
      ))}
    </List>
    {* DROPDOWN COMPONENT HERE *}
  <>
)

标签： reactjsmaterial-ui