ASP.NET Core 3 and React

Using the Link component

At the moment, when we click on Q and A in the top-left corner of the app, it is doing an HTTP request that returns the whole React app, which, in turn, renders the home page. We are going to change this by making use of the React Routers Link component so that navigation happens in the browser without an HTTP request. We are also going to make use of the Link component for the link to the sign-in page as well. We'll learn how to achieve this by following these steps:

1. In Header.tsx, import the Link component from React Router:

import { Link } from 'react-router-dom';

2. Let's change the anchor tag around the Q and A text to a Link element. The href attribute also needs to change to a to attribute:

<Link  to="/" css={ ...