I'm using ReactJS, Redux (with server-side rendering) and react-router-redux [as set up here](https://github.com/choonkending/react-webpack-node) and am getting a little thrown by how routes work with the rest of the redux state and actions. 

For example, I have a members component with the route `/members`:

```
class Members extends Component {

  static need = [
    fetchMembers
  ]

  render() {
    ...

```

the static `need` array specifies an action that populates an array on the state that is then mapped to the component props. That much works. 

But then I have an individual member component with the route `members/:memberId`. How do I load that individual member in a way that works both client- and server-side. 

What I'm doing now is the same:

```
class Member extends Component {

  static need = [
    fetchMembers
  ]

  render() {
    ...

```

but then map just the single member

```
function mapStateToProps(state, ownProps) {
  return {
    member: state.member.members.find(member => member.id == ownProps.params.memberId),
  };
}

```

This works but is obviously wrong. So the question is two-fold: 

1. When the user clicks the router `Link` that has a query param (:memberId), how do I use that router param to query a specific document (assume a mongo database). Do I somehow trigger a separate action that populates an `active` member field on the redux state? Where does this happen, in the route component's `componentDidMount`?
2. How does this work with server-side rendering?