Automatic redirect after login with react-router

by

React Router v3

This is what I do

var Router = require('react-router');
Router.browserHistory.push('/somepath');

React Router v4

Now we can use the <Redirect>component in React Router v4.

Rendering a <Redirect> will navigate to a new location. The new location will override the current location in the history stack, like server-side redirects.

import React, { Component } from 'react';
import { Redirect } from 'react-router';
export default class LoginComponent extends Component {
    render(){
        if(this.state.isLoggedIn === true){
            return (<Redirect to="/your/redirect/page" />);
        }else{
            return (<div>Login Please</div>);
        }
    }
}

Documentation https://reacttraining.com/react-router/web/api/Redirect

More Related Contents:

  1. Pass object through Link in react router
  2. How to push to History in React Router v4?
  3. How to pass params with history.push/Link/Redirect in react-router v4?
  4. How to get history on react-router v4?
  5. Detecting user leaving page with react-router
  6. How to pass params into link using React router v6?
  7. React router changes url but not view
  8. react-router-dom v6 useNavigate passing value to another component
  9. React Router v4 – How to get current route?
  10. Detect Route Change with react-router
  11. Why do I get the error “expressions must have one parent element”, how do I fix this?
  12. What is the best way to redirect a page using React Router? [closed]
  13. React Router Pass Param to Component
  14. How to stop /#/ in browser with react-router?
  15. You should not use outside a
  16. react router v4 default page(not found page)
  17. react-router-dom useParams() inside class component
  18. Cannot read property ‘history’ of undefined (useHistory hook of React Router 5)
  19. Invariant failed: You should not use outside a
  20. Nested Routes not rendering with React Router v4
  21. React Router Dom v6 shows active for index as well as other subroutes
  22. React – TypeError: Cannot read properties of undefined (reading ‘params’)
  23. React router, pass data when navigating programmatically?
  24. react routing is able to handle different url path but tomcat returns 404 not available resources
  25. Page layout broken in React Router v6
  26. react router v6 No routes matched location
  27. React Router v4 with multiple layouts
  28. Passing values through React-Router v4
  29. React Router work on reload, but not when clicking on a link
  30. React Router V6 – Error: useRoutes() may be used only in the context of a component

Leave a Comment