Redirect react js

window.location.href = "http://mywebsite.com/home.html";

React redirect to url

import { Route, Redirect } from 'react-router'

<Route exact path="/" render={() => (
  loggedIn ? (
    <Redirect to="/dashboard"/>
  ) : (
    <PublicHomePage/>
  )
)}/>

Source: stackoverflow.com

Redirect react router

<Route exact path="/">
  {loggedIn ? <Redirect to="/profile" /> : <HomePage />}
</Route>

How to redirect react router from the app components

state = { redirect: null };

render() {
  if (this.state.redirect) {
    return <Redirect to={this.state.redirect} />
  }
  return(
  // Your Code goes here
  )
}

// update the redirect
 this.setState({ redirect: "/someRoute" });

Source: dev.to

React router redirect

<Route exact path="/">
  {loggedIn ? <Redirect to="/dashboard" /> : <PublicHomePage />}
</Route>

React redirect

<Redirect to="/somewhere/else" />

Source: v5.reactrouter.com

Similar codes

21 votes138 views5 answers
How to add a shadow react native
Javascript React
1 vote86 views1 answer
Add class to react children
Javascript React
0 vote147 views1 answer
React native datepicker disable future dates
Javascript React
1 vote134 views1 answer
Tab navigation react-native without title
Javascript React
3 votes133 views2 answers
React how to scroll to element
Javascript React
48 votes140 views1 answer
Emmet not working react js
Javascript React
11 votes133 views2 answers
Shadow using react native
Javascript React
-2 votes166 views1 answer
Keyboard close when typing react native
Javascript React
1 vote138 views2 answers
React how to sleep 1 second
Javascript React
0 vote206 views1 answer
Toggle function react js
Javascript React