【React】react+scss样式表样式某些不起效

function ProfileNavBar() {
  return (
    <>
      <div className={'mt-4 test'}>
        123
        <Icon name="message"></Icon>
        <Icon name="setting"></Icon>
      </div>
    </>
  )
}
export default ProfileNavBar

代码中mt-4（margin-top: 16px）样式生效，test(color: red)样式不起效， 

 排查了以下问题：

1.样式表已经在index.css.引入了

2.样式写法没有问题

最后尝试将//注释删除之后……就可以了

 

 在Vue里面可以写//注释的，但React不知道为啥不行，还是老老实实用/**/了。如果有知道的大佬请在评论区告诉一声，感激不尽！