React Router’s HashRouter redirects to tag url

Posted by Rohit Kumar | Updated on April 18, 2020

React Router’s HashRouter redirects to tag url. Actually this from history. If you see their code, they use just createHashHistory and set children. So it equivalent with this:

import React from 'react';

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

import { createHashHistory } from 'history';

const Root = () => <div>Root route</div>;

export default class App extends React.Component {

history = createHashHistory({

basename: "", // The base URL of the app (see below)

hashType: "slash", // The hash type to use (see below)

// A function to use to confirm navigation with the user (see below)

getUserConfirmation: (message, callback) => callback(window.confirm(message)),

});

render() {

return (

<div>Router

</div>

</Router>

);

}

If you like this question & answer and want to contribute, then write your question & answer and email to freewebmentor[@]gmail.com. Your question and answer will appear on FreeWebMentor.com and help other developers.

React Router’s HashRouter redirects to tag url

Related Questions & Answers

Solved Programs