reactjs - 当鼠标在材料表中的一行上时突出显示一行

Question

当鼠标悬停在一行上时，我必须使用哪个组件来获得连续突出显示，使用材料表组件？

我力求找到任何属性或哪个组件覆盖来获得它。

提前感谢您的宝贵时间

这是代码https://codesandbox.io/s/yv13zjr9w9

Answer 1

您可以创建一个 CSS 来突出显示行

tr:hover{
background:gray;
}

参考沙盒

https://codesandbox.io/s/y686o6n9

Answer 2

如果您只希望此表具有悬停效果，请将其包装在另一个元素中或给它一个类，如上例所示：

https://codesandbox.io/s/4wkpp98z69

.myTable tr:hover {
  background-color: red;
}