¿Cómo establecer activeClassName para el elemento contenedor de Link o IndexLink en react-router?
Soy nuevo en el mundo ReactJS y me gustaría saber cómo puedo pasar el nombre de la clase activa a<li>
elemento en lugar de<a>(Link)
elemento.
Ahora tengo este tipo de código. La clase de ancla cambia cuando se hace clic.
<li><IndexLink to='/' activeclassName='active'>A</IndexLink></li>
<li><Link to='/b' activeclassName='active'>B</Link></li>
<li><Link to='/c' activeclassName='active'>C</Link></li>
Pero me gustaría obtener algo similar a:
<li activeclassName='active'><IndexLink to='/'>A</IndexLink></li>
<li activeclassName='active'><Link to='/b'>B</Link></li>
<li activeclassName='active'><Link to='/c'>C</Link></li>
Gracias por adelantado