title: How do you pass parameters from one component to another using react-router?
body: <p>I have a component with a link to another component and would like to pass data to it (to show the details of the object).  <em>I would think this would be simple, but just can't seem to get this to work!</em></p>
  
  <p>So I have a component with a link:</p>
  
  <pre><code>export const Person = React.createClass({
    render: function() {
      return (
          &lt;div&gt;
            &lt;h4&gt;{this.props.person.get('full_name')}&lt;/h4&gt;
          &lt;/div&gt;
          &lt;div&gt;
            &lt;Link to="/person/detail" params={person: this.props.person}&gt;View Details&lt;/Link&gt;
          &lt;/div&gt;
      );
    }
  });
  </code></pre>
  
  <p>And want to pass the person details to this component:</p>
  
  <pre><code>export const PersonDetails = React.createClass({
    render: function() {
      return (
          &lt;div&gt;
            {console.log(this.props.person)}
            &lt;h4&gt;The Details...&lt;/h4&gt;
          &lt;/div&gt;
          &lt;Link to="/person"&gt;Back&lt;/Link&gt;
      );
    }
  });
  </code></pre>
  
  <p>And the console.log shows undefined.  What am I missing here?  Any help would be appreciated.</p>