How to set activeClassName for wrapper element of Link or IndexLink in react-router?

Question

I am new to the ReactJS world, and would like to know how can I pass active class name to the

element instead of (Link) element

Answer 1

In stead of using , I use and It works as well.

import React, { Component } from 'react';
import { NavLink } from 'react-router-dom';

//.....

export default class AppNav extends Component {

    render (){
        return (
                

                    

                        
Home
                        
About
                        
Courses
                    
                
        );
    }
}