从url中删除＃作出反应

Question

我正在使用reactjs创建一个项目。在我的项目中，我想从网址中删除＃。目前我正在使用react-router版本4.这是我的代码

 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>,

Answer 1

browserHistory在最新的react-router-dom中不可用。但是，BrowserRouter使用默认值browserHistory，您只需执行

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

根据文件：

  

BrowserRouter是使用HTML5历史记录API的<Router>   （pushState，replaceState和popstate事件）以保持您的UI   与网址同步。