title: (login) submit with FormControl in react
body: <p>iam using the latest version of meteor &amp; react. Yesterday I switched to the newest version of bootstrap. Before that everything worked just fine now I can´t fix my (really noobish) problem.</p>
  
  <pre><code>import React, {Component} from 'react';
  import { FormControl, , etc. } from 'react-bootstrap';
  export default class Login extends Component {
  
  login(event) {
      event.preventDefault();
  
      var username = this.refs.inputName.refs.input.value.trim();
      var password = this.refs.inputPw.refs.input.value.trim();
  
      Meteor.loginWithPassword(username, password, function (error) {
          if (error) {
           ...
          }
          else {
              FlowRouter.go('/c/' + Meteor.user().username);
          }
      });
      this.refs.password.refs.input.value = ""; 
  }
  
     render() {
      return (
          &lt;Row&gt;
              &lt;Col xs={3} xsOffset={4}&gt;
                  &lt;form onSubmit={this.login.bind(this)}&gt;
                      &lt;FormGroup&gt;
                          &lt;ControlLabel&gt;Willkommen&lt;/ControlLabel&gt;
                          &lt;FormControl
                              type="text"
                              placeholder="Benutzername"
                              ref="inputName"
                              name="username"/&gt;
                      &lt;/FormGroup&gt;
                      &lt;FormGroup&gt;
                          &lt;FormControl
                              placeholder="Password"
                              ref="inputPw"
                              name="password"
                              type="password"/&gt;
                      &lt;/FormGroup&gt;
  
                      &lt;FormGroup&gt;
                          &lt;Col smOffset={2} sm={10}&gt;
                              &lt;Button bsStyle="primary" label="Login" id="loginButton" type="submit" active&gt;Login&lt;/Button&gt;
                          &lt;/Col&gt;
                      &lt;/FormGroup&gt;
  
  
                  &lt;/form&gt;
              &lt;/Col&gt;
          &lt;/Row&gt;
      );
  }
  </code></pre>
  
  <p>In my previous solution I used a simple input form. Due to deprecation I switched to this formControl stuff. Now it seems that</p>
  
  <pre><code>  &lt;form onSubmit={this.login.bind(this)}&gt;
  </code></pre>
  
  <p>login never gets called. Console.log(username) returns undefined.
  Thanks in advance and many greetings.</p>
  
  <p>//edit 1:
  It seems like Iam not the only one with this problem.
  <a href="https://stackoverflow.com/questions/36841297/react-bootstrap-form-getvalue-not-a-function">React-bootstrap Form getValue not a function</a>
  This helped me a lot to find my solution:</p>
  
  <pre><code>import ReactDom from 'react-dom';
          var username = ReactDom.findDOMNode(this.refs.inputName).value;
          var password = ReactDom.findDOMNode(this.refs.inputPw).value;
  </code></pre>