Link's active state is super opinionated

[manuphatak]

In the <Link> component, isActive could be a bit more robust.

redux-little-router/src/components/link.js

Line 103 in 0adead1

const isActive = href.pathname === location.pathname;

activeProps is a cool idea, however, having more control over whether or not the link isActive might be a small improvement.

Example use case

I have a navbar with 3 links, let's call them "movies", "blogs", and "reports". Clicking movies takes you to an index page /movies. For /movies I want to say "movies" IS active. If I click to /movies/watchlist, for this case, I want to say "movies" is STILL active.

suggestions

• an active prop

  const isActive = props.active ?? href.pathname === location.pathname;

• or a maybe a callback that gets that href object

    // ...
    render(){
      // ...
      const isActive = props.isActive(href)
      // ...
    }
  // ...
  Link.defaultProps = { isActive: href => href.pathname === location.pathname  }

[mymattcarroll]

Would a pull request be welcome for this change? I would be more than happy to contribute.