Sou novo no mundo ReactJS e gostaria de saber como posso passar o nome da classe ativa para o<li> elemento em vez de<a>(Link) elemento.

Agora eu tenho esse tipo de código. A classe âncora muda quando clicada.

<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>

Mas gostaria de obter algo parecido com:

<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>

desde já, obrigado