ReactJS NavLink activeClassName

Question

現在のルートと同じルートの場合、アクティブなクラスのNavLinkをレンダリングします。これはコードです：

<NavLink className="nav-link-gdc" activeClassName="nav-link-gdc-selected" to="/home">HOME</NavLink> 

問題は、私は、URLをリロードし、私は、リンクをクリックしたときに、クラスの変更をトリガする方法がわからないとき、これが唯一の作品ということです。

EDIT：

ミエントリポイント：私はactivedされたクラスを変更したい

ReactDOM.render(
    <Provider store={store}> 
    <ConnectedRouter history={history}> 
     <div> 
     <HeaderControl /> 
     <MuiThemeProvider> 
      <Switch> 
      <Routes /> 
      <PrivateRoute path="/" component={Home} /> 
      </Switch> 
     </MuiThemeProvider> 
     <Footer /> 
     </div> 
    </ConnectedRouter> 
    </Provider>, 
    document.getElementById('app'), 
); 

すべてのリンクはHeaderControlです。どのように私は小道具を使用することができますlocation

すべてのアイデア？

おかげ

Answer 1

あなたのような何かを行うことができます：

<NavLink className="nav-link-gdc" activeClassName={location.pathname !== "your pathname"? null : "nav-link-gdc-selected"} to="/home">HOME</NavLink> 

または私はあなたの問題を得ることはありませんか？