Reacting to navigation changes
In the logic of your apps, sometimes, you need to react to the navigation of the user by taking them to a new URL for many reasons, such as needing to highlight a certain component in the UI if the user navigates to a specific URL, or needing to execute a piece of code when the user navigates from the current page. In this section, we will learn about the NavLink
component and LocationChanged
within the NavigationManager
service.
The NavLink Component
Blazor contains a built-in component called NavLink
. This component is basically just the normal hyperlink tag (<a>
) in HTML that allows the user to redirect to a specific link using the href
attribute. What makes NavLink
different from using the normal HTML hyperlink tag is that NavLink
reacts to the URL changes, and if the current URL matches the link defined in its href
attribute, it sets a CSS class called active
and removes it when the URL doesn’t match. That makes the NavLink
component...