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

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

javascript reactjs

Javascript 如何在行的onClick而不是onMouseLeave之后将rowClassName添加到antd表中的特定行,javascript,reactjs,antd,Javascript,Reactjs,Antd,我正在使用antdtable来显示信息，我想在单击某一行时将类应用于该行。当前，当我单击鼠标后将其移出行时，将应用该类。请考虑这个代码。< BR> 单击鼠标后将鼠标移出行时，行的背景颜色正在更改。我希望在单击后立即更改它。此外，当我对任何列进行排序时，该列的背景色将被删除，我如何避免这种情况？欢迎提供任何解决方案、参考或提示。谢谢背景色正按照您的预期工作。问题是，您也将鼠标悬停在更改颜色的行上。请尝试使用不具有：悬停功能的表格。背景色正按照您的预期工作。问题是，您也将鼠标悬停在更改颜色

我正在使用

antd

table

来显示信息，我想在单击某一行时将

类应用于该行。

当前，当我单击鼠标后将其移出行时，将应用该类。

请考虑这个代码。< BR>
单击鼠标后将鼠标移出行时，行的背景颜色正在更改。

我希望在单击后立即更改它。

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

欢迎提供任何解决方案、参考或提示。谢谢
背景色正按照您的预期工作。问题是，您也将鼠标悬停在更改颜色的行上。请尝试使用不具有：悬停功能的表格。
背景色正按照您的预期工作。问题是，您也将鼠标悬停在更改颜色的行上。尝试使用不具有：hover功能的表。
问题是，即使在应用了另一个类后，hover
的默认样式仍在应用中，我不得不在一行上抑制hover
的默认样式，为此，我在我的App.css

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

这就是我所做的。
问题是，即使在应用了另一个类之后，悬停
的默认样式仍在应用，我不得不在一行上抑制悬停
的默认样式，因为我在我的应用程序中为特定的antd
css类
添加了此样式
.ant-table-tbody > tr.ant-table-row:hover > td {
  background: unset;
}

这就是我所做的。
谢谢，我以为应用另一个类将取代默认样式，出于某些原因，我需要使用antd table，但我通过在行悬停时抑制库的css解决了这个问题谢谢，我以为应用另一个类将取代默认样式，出于某些原因，我需要使用antd表，但我通过在悬停行上抑制库的css来解决这个问题