/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

4 votes212 views2 answers
Countdown in react js
Javascript React
1 vote156 views1 answer
Tailwincss in react native
Javascript React
0 vote211 views1 answer
How to use rgba in react native
Javascript React
0 vote183 views1 answer
Install aos in react
Javascript React
0 vote178 views1 answer
How to add a key in a react element
Javascript React
0 vote182 views1 answer
Reactive forms angular conditional disabling
Javascript React
0 vote185 views1 answer
Error metro bundler process exited with code 1 react native
Javascript React
0 vote193 views1 answer
Jsx not working in react vscode
Javascript React
0 vote197 views1 answer
React router dom props.history is undefined
Javascript React
0 vote208 views1 answer
Simbu react1
Javascript React