schirodes

JofArnold / NavLink.js

Created February 1, 2018 18:58

React Router NavLink with inactiveClassName and isActive child function enhancements

	import React from "react";
	import { Route, Link } from "react-router-dom";
	/**
	* A <Link> wrapper with support for both active and inactive classNames. Useful for tachyons
	* and similar functional css approaches.
	* Same API as React Router but with option of sending through a child as a function so you
	* can pass isActive down to it. Example: showing an icon when a nav link is highlighted.
	* Stolen from here, pretty much: https://github.com/ReactTraining/react-router/blob/9662a48fbc5de97f820608349ab37b4af5dba896/packages/react-router-dom/modules/NavLink.js
	*/
	const NavLink = ({