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

0 vote154 views1 answer
Javascript Binding Example With React
Javascript React
16 votes152 views6 answers
Usestate in react
Javascript React
0 vote138 views1 answer
How to add react.memo in export list
Javascript React
0 vote143 views1 answer
Installe datatable to reactjs project
Javascript React
0 vote156 views1 answer
Text input placeholder font family react native
Javascript React
3 votes105 views1 answer
React two way binding
Javascript React
11 votes140 views3 answers
Reactjs get url query params as object
Javascript React
93 votes150 views6 answers
React router dom install
Javascript React
1 vote137 views1 answer
React native flatlist margin bottom
Javascript React
0 vote144 views1 answer
React features
Javascript React