Redux Quick Start Guide

The Redirect component

We can consume the Redirect component from react-router-dom, in order to redirect a user from the / path to the /login:

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

We can use this component to Redirect a user from one page to another, based on certain conditions. One of the situations is, if a user is logged in, we can Redirect the user to the dashboard page; otherwise, we can ask the user to log in:

import React from "react";import { Route, Redirect } from "react-router-dom";const redirect = () => ( <Route   exact   path="/"   render={() =>     loggedIn ? <Redirect to="/dashboard" /> : <PublicHomePage />   } />);export default redirect;

You may be wondering how we can test our Redirect component. Our test could ...