Como eu faço para pegar algo que digitei num input text, e ao pressionar um botão "Send", eu envio esse texto para algum lugar do meu codigo, tipo como usamos 'this.state.algumaCoisa'... Segue o codigo:
render(){
return(
<div className="container">
<div className="box box-primary direct-chat direct-chat-primary ">
<Chat />
<div nameClass="direct-chat-msg right">
<div className="direct-chat-info clearfix">
<span className="direct-chat-name pull-right">TEXTO AQUI</span>
<span className="direct-chat-timestamp pull-right">TEXTO AQUI</span>
</div>
<img className="direct-chat-img-right" alt="message user image"/>
</div>
<div className="box-footer">
<div className="input-group">
<input
ref="topic"
type="text"
name="message"
placeholder="Type your message here..."
className="form-control"/>
<span className="input-group-btn">
<button type="button" className="btn btn-flat btn-primary">Send</button>
</span>
</div>
</div>
</div>
</div>
);
}