Wie setze ich activeClassName für das Wrapper-Element von Link oder IndexLink im React-Router?

Ich bin neu in der ReactJS-Welt und möchte wissen, wie ich den aktiven Klassennamen an das @ übergeben kan<li> Element anstelle von<a>(Link) Element

Jetzt habe ich diese Art von Code. Die Ankerklasse ändert sich, wenn Sie darauf klicken.

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

Aber ich hätte gerne etwas Ähnliches wie:

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

Danke im Vorau

Antworten auf die Frage(20)

Ihre Antwort auf die Frage