Where's hashHistory in React Router v4?

reactjs react-router react-router-v4 react-router-dom
Petter Östergren picture Petter Östergren · Sep 2, 2017 · Viewed 21.7k times · Source

I'm trying to use a router for my React application. I tried something I'd been using a while back, but can't seem to get it going. Has hashHistory been removed/reformatted in React Router v4?

<Router history={hashHistory}>
  <Route path='/' component={MainContainer} />
</Router>

Answer

Andrew Li picture Andrew Li · Sep 2, 2017

Use a HashRouter. They got rid of individual histories such as browserHistory and hashHistory and instead replaced them with BrowserRouter and HashRouter components respectively in React Router v4:

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

<HashRouter>
  …
</HashRouter>

Note that HashRouter comes from react-router-dom, not the core react-router package.

Related questions

Detect Route Change with react-router

I have to implement some business logic depending on browsing history. What I want to do is something like this: reactRouter.onUrlChange(url => { this.history.push(url); }); Is there any way to receive a callback from react-router when the …

Read More
Simple Conditional Routing in Reactjs

How to make conditional Routing, if and only if some conditions satisfies then only routing should happen. for example, if and only if the user enters the correct credentials login should be successful and the user should be able to …

Read More
React router Switch behavior

(react-router-dom version: 4.1.1) I have working routes set up, but I'm a bit confused about why the <Switch> was necessary: index.js import React from 'react'; import { HashRouter, Route, Switch } from 'react-router-dom'; import App from './components/App.jsx'; …

Read More