React Router 4: How to put actleClassName for two links?

Question

React

Tell me how to make it so that activeClassNameone link is placed, depending on the route?
If you go to the main section - /or to /accounts, a class was set for one <NavLink>
There is a section with accounts. If you go to the main route, a section of accounts opens as if you go to the section/accounts

Answer 1

I do like this,

import React from "react";
import { Link }  from 'react-router-dom'

export default class NavLink extends React.Component{
  constructor(props) {
  	super(props);

  }

  render() {
  	let activeStyle;
  	let url = window.location.hash;
  	url = url.replace('#/','/')
  	if (url == this.props.to){
  		activeStyle = { opacity: 0.5 }
  	}
    return <Link {...this.props} style={activeStyle} />
  }
};

'react-router' has a default property: activeStyle