/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

4 votes176 views2 answers
HandleClick react
Javascript React
0 vote208 views1 answer
Angular reactive form remove validation
Javascript React
0 vote174 views1 answer
How to convert react component to image
Javascript React
0 vote158 views1 answer
Form changes button enable reactive forms
Javascript React
0 vote202 views2 answers
Reactjs date display
Javascript React
5 votes211 views2 answers
React onclick new tab
Javascript React
0 vote163 views1 answer
React toastify does not have design
Javascript React
33 votes182 views2 answers
Routing in react
Javascript React
0 vote210 views1 answer
React-multi-carousel don't work
Javascript React
0 vote190 views1 answer
React native communicate with webview
Javascript React