My code looks similar to this :<https://www.techiediaries.com/react-router-dom-v4/>

```
  <div className="base">
    <header>
      <p>React Router v4 Browser Example</p>
        <nav>
          <ul>
            <li><Link to='/'>Home</Link></li>
            <li><Link to='/about'>About</Link></li>
            <li><Link to='/about/one'>AboutOne</Link></li>
            <li><Link to='/about/two'>AboutTwo</Link></li>
          </ul>
        </nav>
    </header>
    <div className="container">
      <Route path="/" exact component={HomePage} />
      <Route path="/about" component={AboutPage} />

```

I want to be able to only show the links to AboutOne and AboutTwo if the user is on `about`, `about/one`, or `about/two` (i.e. a page and its subpages). Unfortunately with `<Link`s and `<NavLink`s you can't manually set the active class (as far as I can tell), else I'd just do a `visibility: visible` style for it. So I guess I have two problems that are preventing me from accomplishing this: first, I can't set when the `Link` is active, and second, I don't know how to get the current route to determine if the user is on a page or its subpages. Any ideas?