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

4 votes396 views2 answers
React usememo vs usecallback
Javascript React
0 vote339 views1 answer
Hooks developed by react native
Javascript React
11 votes361 views2 answers
How to refresh the page using react
Javascript React
-2 votes353 views1 answer
You are running Node 8.10.0. Create React App requires Node 10 or higher. Please update your version of Node.
Javascript React
2 votes320 views1 answer
React state object key value
Javascript React
0 vote343 views1 answer
Namespace react has no export member FC
Javascript React
2 votes308 views1 answer
Function component react form
Javascript React
114 votes374 views3 answers
React init
Javascript React
66 votes307 views6 answers
Routing react
Javascript React
12 votes343 views4 answers
Uninstall material ui react
Javascript React