Source: components/NavigationItem.js

import React from "react";
import {NavLink} from "react-router-dom";

/**
 * component represents one navigation item
 * @param props props
 */
const navigationItem = (props) => (
    <li className="nav-item">
        <NavLink exact={props.exact} activeClassName='active' className="nav-link" to={props.to}>
            {props.children}
        </NavLink>
    </li>
);

export default navigationItem;