Mit React Semantic UI benutzen Sie NavLink, um die aktive Seitenklasse zu setzen?

Question

Im mit Semantic UI React und React Router. Die NavLink componenet von React Router kennt seine dann die aktive Link-Seite und kann eine aktive Klasse gesetzt:

<NavLink to="/" exact activeClassName="active">Home</NavLink> 

Dies gilt jedoch nicht mit Semantic UI arbeiten Reagieren:

<Menu.Item 
     header 
     as={NavLink} 
     to="./" 
     children="Diplomat" 
     activeClassName="active" 
    /> 

Ich kann in dem sehen Browser, dass die Aria-Current-Eigenschaft auf True festgelegt ist. Daher weiß NavLink, wann es aktiv ist, aber ich kann dies nicht an Menu.Item weitergeben.

Answer 1

Ich habe einen Fehler gemacht. Ich brauchte nur ein exact Attribut und einen anderen Pfad. Jetzt funktioniert es.

<Menu.Item header as={NavLink} exact to="/" children="Diplomat" />