Learn React with TypeScript 3

Simple redirect

If we visit the / route path, we'll notice that we get the Sorry, this page cannot be found message. Let's change this to redirect to "/products" when the path is /.

1. First, we need to import the Redirect component from React Router into Routes.tsx:

import { BrowserRouter as Router, Redirect, Route, Switch } from "react-router-dom";

2. We can now use the Redirect component to redirect to "/products" when the path is /:

<Switch>  <Redirect exact={true} from="/" to="/products" />  <Route exact={true} path="/products" component={ProductsPage}    />  <Route path="/products/:id" component={ProductPage} />  <Route path="/admin" component={AdminPage} />  <Route component={NotFoundPage} /></Switch>

3. We've used the exact attribute on Redirect ...