反応したブートストラップで入力テキストの値を取得

Question

私は入力テキストに価値を得て、反応ブートストラップでテキスト領域に追加しようとします。

refで値を取得するには、ReactDOM.findDOMNodeを使用する必要があります。私は何が間違っているのか分からない。

ここに私のコード：

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

は、フォームに入力REFを追加しますので、

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

を今助けを求めるときに、あなたが取って、

this.myInput.value