/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 vote331 views3 answers
Add react to existing project
Javascript React
2 votes336 views2 answers
Prevent refresh react
Javascript React
2 votes339 views1 answer
How to do a classname variable and string react
Javascript React
3 votes333 views1 answer
Render image url in react native
Javascript React
0 vote347 views1 answer
Dropdown menu in react does not re render the component
Javascript React
1 vote334 views1 answer
Proactive vs reactive
Javascript React
98 votes392 views2 answers
Add bootstrap to react,.........,,,,
Javascript React
0 vote370 views1 answer
React axios get cookie from response
Javascript React
-2 votes329 views2 answers
Import link react
Javascript React
1 vote397 views3 answers
React toggle state
Javascript React