/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 vote294 views1 answer
Shallow render in react
Javascript React
1 vote363 views1 answer
How to resize react icons
Javascript React
11 votes327 views4 answers
Prototype react
Javascript React
0 vote318 views1 answer
Dynamic classname react
Javascript React
1 vote356 views3 answers
React toggle state
Javascript React
0 vote304 views1 answer
Link tag react
Javascript React
0 vote316 views1 answer
Input hook react
Javascript React
0 vote342 views1 answer
React native swipe screen
Javascript React
108 votes358 views2 answers
React start new app
Javascript React
4 votes323 views2 answers
React input number
Javascript React