React Router V4 Implement NavLink inside a ListItem using Material UI

Question

I am new to React and I created a simple application with Login and Dashboard page. I have successfully configured my Public Routes

Answer 1

You can attach a class to NavLink with something like:

  Dashboard

Then, attach styling to this class as:

.nav-link-item {
  color: inherit;
  text-decoration: none;
}

.nav-link-item:hover,
.nav-link-item:active,
.nav-link-item:visited {
  color: red;
  text-decoration: none;
}

/* Styling for when the link is active */
.nav-link-item.active {
  color: green;
}