React router using hash url

Question

I am new to react. I would like to implement react router as hash url. For Example I need a url #/list in react-router but by default react uses /list url. How can I implement hash url in react ?

Shubham Khatri · Accepted Answer · 2018-05-10 06:25:57Z

5

You can make use of a HashURL, by making use of HashRouter instead of BrowserRouter for your router config

import { HashRouter, Route } from 'react-router-dom';

render() {
    return <HashRouter>
         <Route path="/" component={Home} />
    </HashRouter>

}

In case you are using a react-router v3 or lower, you would specify hashHistory to Router

import { Router, Route, hashHistory } from 'react-router';

render() {
    return <Router history={hashHistory}>
         <Route path="/" component={Home} />
    </Router>

}

answered May 10, 2018 at 6:25

Shubham Khatri

284k58 gold badges431 silver badges411 bronze badges

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

Collectives™ on Stack Overflow

React router using hash url

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