twoway_binding_input.jsx

import React from 'react';

class TwoWayBindingInput extends React.Component {
  
  state = {
    value: this.props.value  
  };
  
  componentWillReceiveProps(nextProps) {
    if (this.state.value !== nextProps.value)
      this.setState({value: nextProps.value});
  }

  onChange(event) {
    const { value } = event.target;
    this.setState({value});
    
    if (this.props.onChange) this.props.onChange(event);
  }

  render() {
     return <input type="text" onChange={::this.onChange} value={this.state.value} /> 
  }
}

class MainPage extends React.Component {
  
  state = {
    value: ''
  };
  
  handleChange(event) {
    const { value } = event.target;
    this.setState({value});
  }
  
  render() {
    return (
      <div>
        <TwoWayBindingInput onChange={::this.handleChange} value={this.state.value} />
        <br/>
        <TwoWayBindingInput onChange={::this.handleChange} value={this.state.value} />
      </div>
    );
  }
}

export default MainPage;

That's pretty useful, buddy, thanks a lot.