text: import React , { Component} from 'react';
  
  class SearchBar extends Component{
  constructor(props){
    super(props);
  
    this.state = { term: ''};
  }
  
    render() {
      return (
    <div className="search-bar">
      <input
        value={this.state.term}
        onChange={event => this.onInputChange( event.target.value)}/>
  </div>
    );
    }
  
    onInputChange(term){
      this.setState({term});
      this.props.onSearchTermChange(term);
    }
  
  }
  
  export default SearchBar;
  