Javascript 如何在reactjs中显示所选卡上的检查图标

我想在所选卡片上显示检查图标，如下所示

我怎样才能做到这一点？ 有什么想法或建议请帮忙 提前感谢

这样做吧

<div className="col" onClick={() => selectCard(2)}>
   <div className={isActiveCard === 2 ? "active-icon" : "d-none"}>
        <i className="bi bi-check-circle-fill text-appcolor"></i>
   </div>
   <div className={2 === isActiveCard ? "icon-card-active p-4 mx-auto icon-card" : "card p-4 mx-auto icon-card"}>
        <div className="text-center">
            <img src={shoesIcon} className="img-fluid main-icon" alt="logo" />
            <p className={2 === isActiveCard ? "icon-title-active" : "icon-title"}>Footwear</p>
        </div>
    </div>
</div>

selectCard（2）}>

通过添加某种活动类感谢@MayankPandeyz我正在活动类上使用，但我正在更改背景颜色，不知道如何显示图标任何想法？您可以显示：无图标，只有在卡处于活动状态时才可见感谢@VoQuocThang我会尝试