2017-11-22 4 views
0

私はセマンティックUIリアクタとリアクタを使用しています。ルータは、そのアクティブなページのリンクを知っていて、アクティブなクラスを設定することができリアクトからNavLinkのcomponenet:React Semantic UIでは、アクティブなページクラスを設定するためにNavLinkを使用しますか?

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

しかし、これはセマンティックUIでは動作しませんが反応:

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

を私は見ることができますブラウザでaria-currentプロパティが正しくtrueに設定されていることを確認します。だから、NavLinkはアクティブなときに「知っています」が、これをMenu.Itemに渡すことはできません。

答えて

1

私は間違いました。私はちょうどexact属性と別のパスが必要でした。今それは動作します。

<Menu.Item header as={NavLink} exact to="/" children="Diplomat" /> 
関連する問題