import React, { Component } from 'react';

class SearchBar extends Component {
  render() {
    return <input onChange={(event) => console.log(event.target.value)} />;
  }
}

export default SearchBar;
import React, { Component } from 'react';

class SearchBar extends Component {
  constructor(props) {
    super (props);
    this.state = { term:'' } 
  }
  render() {
    return (
      <div>
        < input 
          value = {this.state.term}
          onChange = {(event) => this.setState({term: event.target.value})} /> 
      </div>  
    )
  }
}

export default SearchBar;
Add state to search bar
Add state to search bar
