如何将rowClassName添加到antd表中的特定行的onClick上，而不是onMouseLeave之后

Question

我使用antd table显示信息，并希望在单击特定行时将class应用于该行。

当前正在应用类，当我在单击鼠标后将鼠标移出行。

请考虑以下代码的Code Sandbox。

当我在单击后将鼠标移出行时，行的背景颜色会发生变化。

我希望只要我点击它，它就会改变。

另外，当我对任何列进行排序时，该列的背景颜色将被删除，我如何避免这种情况？

任何解决方案，参考或提示都是值得欣赏的。谢谢

Answer 1

背景颜色的效果与您的预期一致。问题是，您也在改变颜色的行上悬停。尝试使用不具有:hover功能的表。

Answer 2

问题是即使在应用了另一个类之后，hover的默认样式仍然在应用，我不得不在一行上取消hover的默认样式，为此，我在我的App.css中为那个特定的antd css class添加了这个样式

.ant-table-tbody > tr.ant-table-row:hover > td {
  background: unset;
}

就是我所做的。