Breaking News: Grepper is joining You.com. Read the official announcement!

why root url is always active in react

Ainul Sakib answered on October 30, 2022 Popularity 1/10 Helpfulness 1/10

answer why root url is always active in react

why root url is always active in react

Comment

The correct answer in 2022 is to use the end prop.

<NavLink end {...props} />
As per the docs:

If the end prop is used, it will ensure this component isn't matched as "active" when its descendant paths are matched. For example, to render a link that is only active at the website root and not any other URLs, you can use

<NavLink to="/" end>
  Home
</NavLink>

Reference: https://reactrouter.com/en/v6.3.0/api

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: stackoverflow.com

Tags: javascript root url

Link to this answer
Share Copy Link