activeClassName的CSS不适用于react

Question

我有一个名为NavigationItems的组件，并且有一些导航链接，如下所示：

     <ul className={classes['navigation-container']}>
        <li className={classes['navigation-item']}>
            <NavLink to="about-me"
            className={classes["navigation-link"]}
            activeClassName="active-link" exact>ABOUT ME</NavLink>
        </li>
     </ul>

在名为NavigationItems.module.css的css文件中，当我想为活动链接编写样式时，这些样式不适用于活动链接类。样式如下：

.active-link {
  color: blue;
}

有趣的是，activeStyle正在工作。有人可以帮我吗？