react-router - Reactstrap と React-router 4.0.0-beta.6 - アクティブ

Question

私はカスタム ドメインを持つ gitlab にある教育プロジェクトで Reactstrap と React-router 4.0.0-beta.6 を使用しています。
Reactstrap docs によると、それがアクティブなnavlinkを使用する方法です

  import { NavLink } from 'reactstrap'
  ... 
  <NavLink href="#" active = true >Link< /NavLink>

React-router v4 ドキュメントによると:

  import { NavLink } from 'react-router-dom'
  ...
  <NavLink to="/about" activeClassName="active">About</NavLink> 

では、どのように navlink アクティブ状態を実装し、react-router を使用すればよいでしょうか?