reactjs - how does react router disable default behavior of a tag?

Question

Normally when you click '<a' tag it causes browser to navigate.

But if you use <NavLink or other components like it they are rendered as '<a' tags.

So why doesn't the browser navigate to the href of those a tags?

Is it because there is an event listener on a tag using prevent default or returning false?

question from:https://stackoverflow.com/questions/65929584/how-does-react-router-disable-default-behavior-of-a-tag

Answer 1

When it navigates

<a href="/home">

In this case, href value is url. But in NavLink

  <a href="#home">
  <div id="home"></div>

In this case, href value is id of DOM element.