title: Pass props in Link react-router
body: <p>I am using react with react-router.
  I am trying to pass property’s in a "Link" of react-router </p>
  
  <pre><code>var React  = require('react');
  var Router = require('react-router');
  var CreateIdeaView = require('./components/createIdeaView.jsx');
  
  var Link = Router.Link;
  var Route = Router.Route;
  var DefaultRoute = Router.DefaultRoute;
  var RouteHandler = Router.RouteHandler;
  var App = React.createClass({
    render : function(){
      return(
        &lt;div&gt;
          &lt;Link to="ideas" params={{ testvalue: "hello" }}&gt;Create Idea&lt;/Link&gt;
          &lt;RouteHandler/&gt;
        &lt;/div&gt;
      );
    }
  });
  
  var routes = (
    &lt;Route name="app" path="/" handler={App}&gt;
      &lt;Route name="ideas" handler={CreateIdeaView} /&gt;
      &lt;DefaultRoute handler={Home} /&gt;
    &lt;/Route&gt;
  );
  
  Router.run(routes, function(Handler) {
  
    React.render(&lt;Handler /&gt;, document.getElementById('main'))
  });
  </code></pre>
  
  <p>The "Link" renders the page but does not pass the property to the new view.
  Below is the view code </p>
  
  <pre><code>var React = require('react');
  var Router = require('react-router');
  
  var CreateIdeaView = React.createClass({
    render : function(){
      console.log('props form link',this.props,this)//props not recived
    return(
        &lt;div&gt;
          &lt;h1&gt;Create Post: &lt;/h1&gt;
          &lt;input type='text' ref='newIdeaTitle' placeholder='title'&gt;&lt;/input&gt;
          &lt;input type='text' ref='newIdeaBody' placeholder='body'&gt;&lt;/input&gt;
        &lt;/div&gt;
      );
    }
  });
  
  module.exports = CreateIdeaView;
  </code></pre>
  
  <p>How can I pass data using "Link"?</p>