反応ルータv4 NavLinkはURLを変更していません

Question

私はプロジェクトを開始しました。私はcreate-react-appで動作しませんでした 私はbrowserifyとbabelifyですべての と反応-router V4が働いていたし、何の問題が

が起こっていないし、私は

を提供し、私は以前にきちんと を使用するすべてのパッケージをインストールされているテストおよび構築ツールを使用するために作成反応するアプリのENV を移住が、反応ルータv4に問題があった

私はNavLinkをクリックしたとき、それはURL を変更しませんが、私は手動でURLを変更したときに、それは私がこのようBrowserRouter使用

正常に動作します：

<NavLink className="nav-link" activeClassName="active" to={"/drugs"}> 
          <i className="fa fa-medkit" aria-hidden="false"/> 
          &nbsp;Drugs 
         </NavLink> 

：このような

<BrowserRouter history={HashRouter}<App /></BrowserRouter>,document.getElementById("root")); 

とNavLinkこのような

とルータ：

<Switch> 
       <Route exact={true} path="/" component={Patients}/> 
       <Route exact path="/drugs" component={Drugs}/> 
       <Route exact path="/settings" component={Settings}/> 
       <Route path="*" component={Error}/> 
      </Switch> 

と事前に感謝します。

Answer 1

問題は<Navlink to={"/drugs"}です。 {}を使用している場合は、JSを使用していることを示しています。"/drugs"は有効ではないため、失敗します。

代わりに{}を削除してください。

<NavLink className="nav-link" activeClassName="active" to="/drugs">