/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 vote182 views1 answer
React image source showing object module
Javascript React
16 votes183 views1 answer
Deploy react app netlify
Javascript React
0 vote177 views1 answer
Error metro bundler process exited with code 1 react native
Javascript React
3 votes172 views2 answers
Handle onchange react
Javascript React
3 votes166 views2 answers
React router hooks
Javascript React
3 votes196 views2 answers
Export default class react
Javascript React
0 vote219 views1 answer
React native make safe view in mobile
Javascript React
0 vote192 views1 answer
How to detect if ios is in dark mode react native
Javascript React
8 votes201 views1 answer
React.Fragmen
Javascript React
4 votes207 views1 answer
Use of useNavigate from 'react-router-dom'
Javascript React