如何在material-ui 1.0中添加到列表的链接？

Question

以下内容与onClick动画混乱（ListItem变为红色）：

<List>
  <a href="https://www.google.com">
    <ListItem button>
       <ListItemText primary="Google" />
     </ListItem>
   </a>
 </List>

在ListItem中添加链接时，仅当单击ListItemText时才使过渡工作，这不是我想要的。添加链接的正确方法是什么？

Answer 1

完成此操作的最简单方法是ListItem使用componentprop 建立链接：

<List>
  <ListItem button component="a" href="https://www.google.com">
    <ListItemText primary="Google" />
  </ListItem>
</List>

这样，ListItem将成为链接到所需位置的锚标签，但仍会收到适当的样式，因此不会发生任何视觉变化。

此处component记录了道具的行为。请注意，道具将自动传递到锚标签，如道具文档中最后一行所指定：href

提供的任何其他属性将传播到根元素。