He estado aprendiendo algo de React últimamente, llegué al punto de React Router donde cambiar entre navLinks no actualiza toda la barra de navegación. Diseñé esta selección Active usando JS, HTML y CSS normales, donde el enlace Active se mueve a otros Navlinks cuando se hace clic con una animación de izquierda a derecha o de derecha a izquierda, pero no puedo hacer esto en React, ¿está ahí? ¿Alguna forma de hacer esto en React sin bootstrap?

 <div class="wrapper"> <nav> <ul> <li class='home'> Home<div class="selector"></div></li> <li class='services'>Services</li> <li class='about'>About</li> <li class='contact'>Contact</li> </ul> </nav> </div> https://codepen.io/c1nemaclub/pen/popWdmP

No sé cómo manejaría el DOM así en React ¡Gracias de antemano!