ASP.NET Core 3 and React

Redirecting a route

We'd like a /home path to render the HomePage component, as well as the / path. Let's carry out the following steps to implement this by redirecting /home to /:

1. In App.tsx, let's import the Redirect and Switch components from React Router:

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

2. Now, let's use the Redirect component to redirect the /home path to /:

<Redirect from="/home" to="/" /><Route exact path="/" component={HomePage} />

3. The Redirect component needs to be nested inside a Switch component, along with the Route components, in order for it to function correctly. So, let's do this:

<Switch>  <Redirect from="/home" to="/" />  <Route exact path="/" component={HomePage} /> <Route path="/search" ...