/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

0 vote334 views1 answer
Avoid compressing imagepicker react native
Javascript React
1 vote319 views1 answer
Typing refs react
Javascript React
1 vote293 views1 answer
React router last page
Javascript React
1 vote304 views1 answer
Picker change event react native
Javascript React
6 votes321 views1 answer
React history with search
Javascript React
0 vote285 views1 answer
How to hide footer in specefic pages in react router
Javascript React
1 vote312 views2 answers
How to create react native app
Javascript React
1 vote311 views1 answer
How to set limit in map in react hook
Javascript React
0 vote305 views1 answer
Close all function of react in vscode mac
Javascript React
0 vote306 views1 answer
Export 'default' (imported as 'Redirect') was not found in 'react-router-dom'
Javascript React