title: Get value of input text with react-bootstrap
body: <p>I try to get value into a input text and add it to a text area with react-bootstrap. </p>
  
  <p>I know I must use ReactDOM.findDOMNode to get value with ref. I don't understand what is wrong. </p>
  
  <p>Here my code :</p>
  
  <pre><code>import React from 'react';
  import logo from './logo.svg';
  import ReactDOM from 'react-dom';
  import { InputGroup, FormGroup, FormControl, Button} from 'react-bootstrap';
  import './App.css';
  class InputMessages extends React.Component {
  constructor(props) { 
  super(props);
  this.handleChange =      this.handleChange.bind(this); 
      this.GetMessage= this.GetMessage.bind(this); 
  this.state = {message: ''};
  }   
  handleChange(event)
  {    
  this.setState({message: this.GetMessage.value});
  }
  GetMessage()
  {   
  return ReactDOM.findDOMNode(this.refs.message     );
   }
   render() {
      var message = this.state.message;
      return(
   &lt;FormGroup &gt; 
   &lt;FormControl
   componentClass="textarea" value={message} /&gt;
   &lt;InputGroup&gt; 
   &lt;FormControl type="text" ref='message' /&gt; 
      &lt;InputGroup.Button&gt;
      &lt;Button bsStyle="primary" onClick={this.handleChange}&gt;Send
      &lt;/Button&gt;
      &lt;/InputGroup.Button&gt; 
      &lt;/InputGroup&gt;
      &lt;/FormGroup&gt;
      );
     }
     }  
     export default InputMessages;
  </code></pre>