Wert des Eingabetextes mit react-bootstrap erhalten

Question

Ich versuche, Wert in einen Eingabetext zu bekommen und es mit react-bootstrap zu einem Textbereich hinzuzufügen.

Ich weiß, dass ich ReactDOM.findDOMNode verwenden muss, um Wert mit ref zu erhalten. Ich verstehe nicht, was falsch ist.

Hier mein 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(
<FormGroup > 
<FormControl 
componentClass="textarea" value={message} /> 
<InputGroup> 
<FormControl type="text" ref='message' /> 
    <InputGroup.Button> 
    <Button bsStyle="primary" onClick={this.handleChange}>Send 
    </Button> 
    </InputGroup.Button> 
    </InputGroup> 
    </FormGroup> 
    ); 
    } 
    } 
    export default InputMessages; 

Answer 1

einen Eingang ref zum Formular hinzufügen:

<FormControl inputRef={ref => { this.myInput = ref; }} /> 

so bekommen Sie den Wert wie

this.myInput.value