React : Refs

refs_example.js

// Dependecy : https://facebook.github.io/react/

const { Component } = React; 

class App extends Component {
  
  constructor() {
    super();
    
    this.state = { a: "",b : ""};
  }
  
  update(e) {
     this.setState({
       a : e.target.value,
       b : e.target.value
     });
  }
  
  updateWithRef() {
     this.setState({
       a : this.refs.a.value,
       b : this.refs.b.value
     });
  }
  
  render(){
    return (
      <div>
        <input
          type="text"
          onChange={this.update.bind(this)}
        /> {this.state.a}
        <hr/>
         <input
          type="text"
          onChange={this.update.bind(this)}
        /> {this.state.b}
        <hr/>
        <input
          ref="a"
          type="text"
          onChange={this.updateWithRef.bind(this)}
        /> {this.state.a}
        <hr/>
         <input
          ref="b"
          type="text"
          onChange={this.updateWithRef.bind(this)}
        /> {this.state.b}
      </div>
    )
  }
}

ReactDOM.render(
  <App />,
  document.getElementById("root")
);