如何在列表的列表项中的材料ui图标之间添加垂直连接线？

Question

我希望反应材质UI列表项图标中的头像图像之间有一条垂直线（连接器）。

PFB沙箱URL。 https://codesandbox.io/s/9z2x527y6r

[下面的图像用于垂直连接器线连接到所有图像]

Answer 1

在div之后创建一个ListItem元素，并应用以下样式并根据您的喜好对其进行自定义。

borderLeft:'1px solid lightgrey',
    height:'3em',
    marginLeft:'2em',

SandBox Demo