react-bootstrap-table删除/更改自定义样式行的悬停样式

Question

我使用BootstrapTable道具为trClassName使用了自定义行样式，也使用了hover道具。

当我将鼠标悬停在自定义样式上（检查条件后显示为灰色）时，悬停样式将覆盖自定义样式，并且我看不到灰色背景。

我需要自定义样式显示在满足条件的行上，并将鼠标悬停样式保留在其他行上。

组件类：

...

rowClassNameFormat = (row, rowIdx) => {
    return row.condition ? styles.table__body__row__suspended : styles.table__body__row;
};

render() {
    return (
        <BootstrapTable
            ...
            trClassName={this.rowClassNameFormat}
            hover
            ...
        >
            //...
        </BootstrapTable>
    );
}

样式文件：

.table__body__row {
}

.table__body__row__suspended {
    background-color: #c3c6cc;
}