React Navlink不会在更改路线时更改activeClassName

Question

好，所以我有这个组件，它的渲染效果很好，但是我有问题，当更改路由时，activeClassName不会动态更改-我需要刷新页面。

我读了很多关于它的问题，我被困住了。

我该如何动态更改activeClassName？

 export class ProgrammerMobileMenu extends React.Component{

        render(){
          return(
                <div className ="programmer-navigation-mobile animated fadeInUp">
                  <NavLink to="/" activeClassName="activeRoute" exact={true} ><img src ={MobileIcon1}/><p>MAIN</p></NavLink>
                  <NavLink to="/cprojects" activeClassName="activeRoute"><img src ={MobileIcon2}/><p>PROJECTS</p></NavLink>
                  <NavLink to="/cabout" activeClassName="activeRoute"><img src ={MobileIcon3}/><p>ABOUT</p></NavLink>
                  <NavLink to="/articles" sactiveClassName="activeRoute"><img src ={MobileIcon4}/><p>ARTICLES</p></NavLink>
             </div>
            )
          }
      }