javascript - 滚动到material-ui中的选定列表项

Question

我有一个列表，用 material-ui 构建。里面有很多项目，所以滚动条是可见的。

我想做的是滚动到所选项目。对如何实现这一点有任何想法吗？

这是一个演示发送箱链接

单击项目列表后应如下所示（所选项目位于中心）：

标签： javascriptreactjsmaterial-ui

Answer 1

我知道这里有一个公认的答案，但我认为使用

<ListItem autoFocus={true}/>

将该列表项滚动到视图中。设置要标记为选中的列表项的相同逻辑也可用于设置autoFocus属性。