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

// React Router v6

import { useNavigate, Redirect,Route  } from 'react-router-dom';

​

#method 1

export function GoHome() {

  let navigate = useNavigate();

  const handleClick = e => {

    e.preventDefault();

    navigate('/home');

  }

  return <button onClick={handleClick}>Go to Home</button>

}

​

#method 2

<Route exact path="/">

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

</Route>

import { useNavigate  } from 'react-router-dom';

​

export function About() {

  let navigate = useNavigate();

  const handleClick = (e) => {

    e.preventDefault();

    navigate('/home');

  }

  return <button onClick={handleClick}>Go to Home</button>

}

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

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

​

<Route exact path="/" render={() => (

  loggedIn ? (

    <Redirect to="/dashboard"/>

  ) : (

    <PublicHomePage/>

  )

)}/>

<Route exact path="/">

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

</Route>

<Route exact path="/">

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

</Route>

<Route path="/somePath" element={<Navigate replace to="/" />} />

window.location.href = 'http://domain.com';

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" });

state = { redirect: null };

render() {

  if (this.state.redirect) {

    return <Redirect to={this.state.redirect} />

  }

  return(

  // Your Code goes here

  )

}

​