¿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

Respuestas a la pregunta(10)

Su respuesta a la pregunta