react link redirect code example
Example 1: 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 2: react redirect
<Redirect to="/somewhere/else" />
Example 3: 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 4: how to redirect react router from the app components
state = { redirect: null };
render() {
if (this.state.redirect) {
return <Redirect to={this.state.redirect} />
}
return(
)
}
Example 5: how to use redirect in react
import { useHistory } from "react-router-dom";
function App() {
let history = useHistory();
}
Example 6: react router redirect
<span className="input-group-btn">
<Link to="/login" />Click to login</Link>
</span>