title: How do I pass props callback to a Route?
body: <p>In my parent App.js file I have :</p>
  <pre><code>&lt;Route path=&quot;/login&quot; component={Login} onFormSubmit={this.onLoginSubmit} /&gt;
  </code></pre>
  <p>But in Login.js when I do :</p>
  <pre><code>this.props.onFormSubmit(this.state.email, this.state.password);
  </code></pre>
  <p>I get : <strong>TypeError: this.props.onFormSubmit is not a function</strong></p>
  <p>EDIT : I see that this is a workaround :</p>
  <pre><code>&lt;Route path=&quot;/login&quot; render={(props) =&gt; (&lt;Login onFormSubmit={this.onLoginSubmit} {...props} /&gt;)} /&gt;
  </code></pre>
  <p>Or this the only / right way to get this working like this ?</p>