/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 vote109 views1 answer
How to replace strings with react components
Javascript React
7 votes120 views3 answers
React native class component
Javascript React
0 vote105 views1 answer
Change module name react native android studio
Javascript React
0 vote103 views1 answer
Reduce to calculate sum react
Javascript React
0 vote96 views1 answer
Como hacer un onpress en react native expo
Javascript React
8 votes102 views3 answers
Disable eslint for react project
Javascript React
0 vote153 views1 answer
Angular reactive form remove validation
Javascript React
0 vote103 views2 answers
On ddrop function react dropzone parameters
Javascript React
0 vote97 views1 answer
Ios react native detect locale
Javascript React
7 votes102 views1 answer
Firebase react js
Javascript React