content: import React from 'react';
  
  class TodoFilter extends React.Component{
  
      constructor(props){
          super(props);
          this.state = { 
              filter: { value: ""} 
          };
          
          this.onFilterChange = this.onFilterChange.bind(this);
      }
  
  
      
      onFilterChange(event){
          const filter = this.state.filter;
          filter.value = event.target.value;
          this.setState({filter: filter});
  
          //console.log(event.target.value);
          //console.log(this.props);
          
          this.props.filterListItem(filter.value, this.props.todos);
      }
      
      render(){
          return (
                  <div>
                      <input type="text" onChange={this.onFilterChange}  value={this.state.filter.value}  />
                      
                  </div>
          );
      }
   }
  
  export default TodoFilter;