Redirect reactjs code example
Example 1: javascript redirect
window.location.href = "http://mywebsite.com/home.html";
Example 2: redirect in react
import React from 'react'
import { Redirect } from 'react-router-dom'
const ProtectedComponent = () => {
if (authFails)
return <Redirect to='/login' />
}
return <div> My Protected Component </div>
}
Example 3: redirect react router
<Route exact path="/">
{loggedIn ? <Redirect to="/profile" /> : <HomePage />}
</Route>
Example 4: react redirect
<Redirect to="/somewhere/else" />
Example 5: how to redirect react router from the app components
state = { redirect: null };
render() {
if (this.state.redirect) {
return <Redirect to={this.state.redirect} />
}
return(
)
}
this.setState({ redirect: "/someRoute" });
Example 6: react-router redirect
<Route exact path="/">
{loggedIn ? <Redirect to="/dashboard" /> : <PublicHomePage />}
</Route>