单击时检查类属性的更改

Question

有一个React函数可以返回卡元素列表。

当我们点击其中一个元素时，类属性值变为card expanded。

我们可以在JavaScript或jQuery中做些什么来检测其中一个类属性的变化？当在点击时检测到更改时，我想检查该元素是否在视口内，如果是，则将该元素滚动到视图中。

知道如何做第一部分吗？