FilterFix.js

import React, { Component } from 'react';
import { Form } from 'semantic-ui-react';

class Filter extends Component {
  constructor(props) {
    super(props);
    this.state = {
      searchTerm: ''
    }
    this.updateSearchTerm = this.updateSearchTerm.bind(this);
  }
  
    onChange = (event) => {
    this.setState({
      value: event.target.value
    });
  }

  render() {
    
    console.log(this.state.searchTerm);
    
    return(
      <Form onSubmit={this.props.submitSearchTerm}>
        <Form.Input
          fluid
          label="Search for a Title"
          placeholder="Enter title"
          value={this.state.searchTerm}
          onChange={this.onChange}
        />
        <Form.Button>
          Submit
        </Form.Button>
      </Form>
    )
  }
}

export default Filter;