/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

12 votes405 views2 answers
How to integrate redux dev tool to react application
Javascript React
6 votes360 views2 answers
UseHistory react-router-dom
Javascript React
11 votes408 views3 answers
React app and tailwind
Javascript React
0 vote393 views1 answer
Format react code in visual studio code
Javascript React
0 vote415 views1 answer
React tagInput component
Javascript React
1 vote395 views1 answer
Rendering, reconciliation, committing in react
Javascript React
2 votes401 views2 answers
Horizontal divider react native
Javascript React
13 votes384 views3 answers
Enable emmet vscode react
Javascript React
0 vote385 views1 answer
How to make the width of a react native element adjust according to the contents
Javascript React
0 vote404 views1 answer
What is the difference between throttling and debounce and raf throttling in react
Javascript React