title: How to get key value pair from URL using React-Router
body: <p>The react-router is great when we have only one param in URL but when there are more than one params in URL, it goes wanky!!! For example, 
  if the url is <a href="http://localhost:8080/foo=bar" rel="nofollow">http://localhost:8080/foo=bar</a> then I can get <code>fooValue = bar</code>; But if the URL is <a href="http://localhost:8080/foo=bar&amp;this=that" rel="nofollow">http://localhost:8080/foo=bar&amp;this=that</a> then I get <code>fooValue: "bar&amp;this=that</code>".. wth!! What am I missing here?!</p>
  
  <pre><code>var React = require('react');
  var ReactRouter = require('react-router');
  var Router = ReactRouter.Router;
  var Route = ReactRouter.Route;
  var Main = require('./templates/main.jsx');
  var Child = require('./templates/child.jsx');
  
  module.exports = {
    path: '/',
    component: Main,
    indexRoute: { component: Main },
    childRoutes: [
      {
          path: '/foo=:fooValue',
          component: child,
          onEnter: function (nextState) {
              console.log(nextState.params);
              //// OUTPUTS: {fooValue : "bar"}
          },
      },
  
      {
          path: '/foo=:fooValue&amp;this=:thisValue',
          component: child,
          onEnter: function (nextState) {
              console.log(nextState.params);
              //// OUTPUTS: {fooValue: "bar&amp;this=that"}
  
          },
      },
  </code></pre>
  
  <p>Is there a way to get key/value, <code>{fooValue : "bar", thisValue : "that"}</code>. </p>