Remove # from url in react

Question

I am creating a project using reactjs.In my project i want to remove # from the url. Currently i am using the react-router version 4. here is my code

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

Maybe don't use HashRouter as Router if you don't want to route with hashes in the URL. — Quentin
– Quentin, Commented Dec 7, 2017 at 11:41
Use BrowserRouter instead of HashRouter. You don't need to explicitly set browserHistory with BrowserRouter. — Davin Tryon
– Davin Tryon, Commented Dec 7, 2017 at 11:41

Shubham Khatri · Accepted Answer · 2017-12-07 12:02:11Z

1

browserHistory is not available in latest react-router-dom. However BrowserRouter uses the default as browserHistory and you could simply do

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

According to the docs:

A BrowserRouter is a <Router> that uses the HTML5 history API (pushState, replaceState and the popstate event) to keep your UI in sync with the URL.

answered Dec 7, 2017 at 12:02

Shubham Khatri

284k58 gold badges431 silver badges411 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Remove # from url in react

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related