ASP.NET Core 3 and React

Creating a component containing routes

We are going to define all of the routes to the pages we created by carrying out the following steps:

1. Open App.tsx and add the following import statements:

import { BrowserRouter, Route } from 'react-router-dom';import { AskPage } from './AskPage';import { SearchPage } from './SearchPage';import { SignInPage } from './SignInPage';

2. In the App component's JSX, add BrowserRouter as the outermost element:

<BrowserRouter>  <div css={ ... } >    <Header />    <HomePage />  </div></BrowserRouter>

The BrowserRouter component will look for Route components nested within it and render the component defined if the route matches the location in the browser.

3. Let's define some Route components in the JSX by replacing ...