2017-12-07 11 views
0

私はreactjs.Inを使用してプロジェクトを作成しています。私のプロジェクトでは、URLから#を削除します。現在、私は反応ルータバージョン4を使用しています。ここに私のコードです反応中のURLから#を削除する

import { HashRouter as Router, Route,browserHistory } from 'react-router-dom'; 
<Router history={browserHistory} > 
    <App> 
    <Route path="/dashboard" component={Dashboard} /> 
    <Route path="/revenue" component={RevenueReports} /> 
</App> 
</Router>, 
+2

URLにハッシュでルーティングしたくない場合は、おそらくルータとしてHashRouterを使用しないでください。 – Quentin

+0

'HashRouter'ではなく' BrowserRouter'を使います。 'browserHistory'を' BrowserRouter'で明示的に設定する必要はありません。 –

答えて

0

browserHistoryは最新のreact-router-domでは利用できません。しかしBrowserRouterbrowserHistoryとしてデフォルトを使用して、あなたは単にドキュメントによると

import { BrowserRouter as Router, Route } from 'react-router-dom'; 
<Router > 
    <App> 
    <Route path="/dashboard" component={Dashboard} /> 
    <Route path="/revenue" component={RevenueReports} /> 
    </App> 
</Router>, 

を行うことができます:

BrowserRouterは (pushState、replaceStateとpopstateイベントHTML5履歴APIを使用しています<Router>です)を入力して、 のUIをURLと同期させます。

関連する問題