/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 vote101 views1 answer
Popup react now ui
Javascript React
0 vote110 views1 answer
React receiving socket muitple times
Javascript React
0 vote109 views1 answer
React if event.target is input
Javascript React
0 vote108 views1 answer
React Redux reducer crud
Javascript React
32 votes107 views1 answer
React router command
Javascript React
0 vote119 views1 answer
React-scripts test single file
Javascript React
0 vote118 views1 answer
How to use elements of 'react-router-dom'
Javascript React
1 vote114 views1 answer
Textfield label language react
Javascript React
13 votes85 views1 answer
Round button corner right react native
Javascript React
0 vote105 views1 answer
OnPress image react native
Javascript React