/Javascript/React/React router nested routes active

React router nested routes active

<NavLink
              className={({ isActive }) =>
                isActive ? "active nav-link" : "nav-link"
              }
              to="/admin/new"
            >
              Add New
            </NavLink>
          </li>
          <li class="nav-item">
            <NavLink
              className={({ isActive }) =>
                isActive ? "active nav-link" : "nav-link"
              }
              to="/admin"
              end={true}
            >
              Manage
            </NavLink>

Source: stackoverflow.com

Similar codes

1 vote276 views1 answer
React material ui classname
Javascript React
9 votes263 views2 answers
React native hide yellow box
Javascript React
2 votes325 views1 answer
React router 6 navigate
Javascript React
1 vote260 views1 answer
Shopping cart small icon code react-bootstrap 4.6 fa fas
Javascript React
0 vote317 views1 answer
Convert integer month to string month react native
Javascript React
0 vote273 views1 answer
Formdata append react js
Javascript React
32 votes269 views1 answer
React router command
Javascript React
3 votes314 views2 answers
How to know the current route in react class component
Javascript React
7 votes233 views1 answer
React Hook "React.useState" is called in function "placeItem" which is neither a React function component or a custom React Hook function react-hooks/rules-of-hooks
Javascript React
0 vote275 views1 answer
React testing for links
Javascript React