Мое решение :

class ControlledInput extends React.Component { constructor(props) { super(props); this.state = { input: '' }; // change code below this line this.onChange = this.onChange.bind(this); // change code above this line } // change code below this line onChange(event){ this.setState({ input: event.target.value, }); } // change code above this line render() { return ( <div> { /* change code below this line */} <input value={this.state.input || ""} onChange={this.onChange}/> { /* change code above this line */} <h4>Controlled Input:</h4> <p>{this.state.input}</p> </div> ); } };
П.С. Старайся тоже код вставлять в преттиер, а то читать сложно.