reactjs - Fabric/Fluent UI 详细信息列表：单击标题时突出显示列

Question

有没有办法在单击时突出显示整个列或至少是 DetailsList 中的标题，条件是一次只能选择一列？

更改“onColumnHeaderClick”中的类是可行的，但是如果选择了另一列，它不会使这些列处于非活动状态。

感谢大家。

 onColumnHeaderClick = (e) => {
            e.preventDefault();
            e.target.classList = 'class-name';  
    }

Answer 1

显然，下面的伎俩:-)

document.querySelectorAll(".class-name").forEach(obj => obj.classList.remove("class-name"));          

e.target.classList.add('class-name');