import React, { Component } from 'react';

class SearchBar extends Component {
  render() {
    return <input />;
  }
}

export default SearchBar;

@@ -78,39 +78,278 @@
 %7B%0A  
-render() %7B%0A    return %3Cinput /%3E
+constructor(props) %7B%0A    super(props);%0A%0A    this.state = %7B%0A      term: ''%0A    %7D;%0A  %7D%0A%0A  render() %7B%0A    return (%0A      %3Cdiv%3E%0A        %3Cinput onChange=%7Bevent =%3E this.setState(%7B term: event.target.value %7D)%7D /%3E%0A        Value of the input: %7Bthis.state.term%7D%0A      %3C/div%3E%0A    )
 ;%0A  

Introduce state, use Arrow function instead of onInputChange.