Skip to content Skip to sidebar Skip to footer

How To Have # Urls To Save Component App State In React?

How do we get #urls in React (single-page app)? 1) Visit: https://coinhover.io 2) Click on Portfolio 3) Refresh Expected The Portfolio component re-renders Results The app breaks

Solution 1:

Thanks to @HenriqueOeckslerBertoldi

Using HashRouter fixed my problem (see the docs)

importReactfrom'react'import { browserHistory, HashRouter, Route, Switch } from'react-router-dom'importPortfoliofrom'./portfolio/Portfolio'importHomefrom'./home/Home'importNoMatchfrom'./NoMatch'constRoutes = () => {
    return (
        <HashRouterhistory={browserHistory }><Switch><Routeexact={true } path="/"component={Home }/><Routeexact={true } path="/portfolio"component={Portfolio }/><Routecomponent={NoMatch } /></Switch></HashRouter>
    );
}

exportdefaultRoutes

Post a Comment for "How To Have # Urls To Save Component App State In React?"