Material UI: 手动高亮 xgrid 行
Material UI: manually highlight xgrid row
我是 Material UI 和 React 的新手，但作为一个 10 年的 HTML UI 兽医，我现在很困惑。我们正在使用带有行和列的 XGrid 组件。当您将鼠标悬停在行上时，它们会通过变成浅蓝色突出显示，但我不知道这是如何发生的。当我用常规检查员检查该行时，将鼠标悬停在该行上时我没有看到任何 class 变化。当我强制悬停状态时，它不会突出显示该行。我猜两件事
- 这是一个 mouseenter 事件，不是 hover
- 它使用了一些内置的浏览器突出显示，而不是 class
无论如何，我想做的是手动突出显示一行，使用相同的 class/colour 或调用一些 API 函数是有意义的，但我找不到。
这里有文档：https://material-ui.com/api/table-row/
举个例子：
我是 Material UI 和 React 的新手，但作为一个 10 年的 HTML UI 兽医，我现在很困惑。我们正在使用带有行和列的 XGrid 组件。当您将鼠标悬停在行上时，它们会通过变成浅蓝色突出显示，但我不知道这是如何发生的。当我用常规检查员检查该行时，将鼠标悬停在该行上时我没有看到任何 class 变化。当我强制悬停状态时，它不会突出显示该行。我猜两件事
- 这是一个 mouseenter 事件，不是 hover
- 它使用了一些内置的浏览器突出显示，而不是 class
无论如何，我想做的是手动突出显示一行，使用相同的 class/colour 或调用一些 API 函数是有意义的，但我找不到。
这里有文档：https://material-ui.com/api/table-row/
举个例子：