Class App

code/controlled-uncontrolled/src/app.jsx:33–52

// };

class App extends React.Component {
  constructor(props) {
    super(props);
    this.state = { value: 'hello' };
    this._change = this._handleInputChange.bind(this);
  }
  render() {
    return (
      <input
        type='text'
        defaultValue={ this.state.value }
        onChange={ this._change }
        ref={ input => this.input = input }/>
    );
  }
  _handleInputChange() {
    console.log(this.input.value);
    this.setState({ value: this.input.value });
  }
};

ReactDOM.render(<App />, document.querySelector('#container'));