/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

32 votes240 views6 answers
React copy array
Javascript React
1 vote228 views1 answer
React vscode stop auto close tag
Javascript React
1 vote219 views1 answer
How to define state in react function
Javascript React
17 votes267 views5 answers
How to make apk react native
Javascript React
0 vote264 views1 answer
Table like another component in react native
Javascript React
2 votes207 views1 answer
Property 'target' does not exist on type 'string' react
Javascript React
2 votes212 views1 answer
React-native open call app
Javascript React
0 vote172 views0 answer
React
Javascript React
1 vote154 views1 answer
Hide column in antd table using js / react with conditional rendering
Javascript React
0 vote287 views3 answers
Scrollview refresh react native
Javascript React