/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 vote260 views1 answer
React-data-table-component cell action
Javascript React
15 votes258 views3 answers
Image react native
Javascript React
0 vote257 views2 answers
React native bordered image drop with shadow fix
Javascript React
0 vote271 views1 answer
Get lat and long from address in react js
Javascript React
0 vote229 views2 answers
Airbnb and eslint react native
Javascript React
20 votes246 views6 answers
Useeffect react example
Javascript React
0 vote279 views2 answers
Reactjs firebase timestamp to date
Javascript React
7 votes259 views2 answers
React native rename
Javascript React
139 votes318 views2 answers
React js installation steps
Javascript React
0 vote260 views1 answer
React big calendar event color
Javascript React