import React, { PropTypes } from 'react'
import { connect } from 'react-redux'

const HelloChild = ({ path }) => (
  <div>
    Hello-Child at path {path}
  </div>
)

HelloChild.propTypes = {
  path: PropTypes.string,
}

const mapStateToProps = state => ({
  path: state.router.location.pathname,
})

export default connect(mapStateToProps)(HelloChild)

import React, { PropTypes } from 'react'
import { connect } from 'react-redux'
import { Link } from 'react-router-dom'

const HelloChild = ({ pathname, search, hash }) => (
  <div>
    Hello-Child
    <ul>
      <li><Link to="/hello?color=Blue&size=40">with query string</Link></li>
      <li><Link to="/hello#lovelove">with hash</Link></li>
    </ul>
    <div>
      pathname: {pathname}
    </div>
    <div>
      search: {search}
    </div>
    <div>
      hash: {hash}
    </div>
  </div>
)

HelloChild.propTypes = {
  pathname: PropTypes.string,
  search: PropTypes.string,
  hash: PropTypes.string,
}

const mapStateToProps = state => ({
  pathname: state.router.location.pathname,
  search: state.router.location.search,
  hash: state.router.location.hash,
})

export default connect(mapStateToProps)(HelloChild)

Change basic example to show querystring and hash
Change basic example to show querystring and hash
