import React, { Component } from 'react'

export default class SearchBar extends Component {

  constructor(props) {
    super(props)
    this.state = {Search: ""}
  }

  searchSubmit =  (event) => {
    event.preventDefault()
  }


  handleSearchChange = (event) => {
    this.setState({Search: event.target.value})
  }

  render() {
    return(
      <div>
        <input type="text" placeholder="Search for..." onChange={this.state.handleSearchChange} />
      </div>
    )
  }
}


@@ -229,17 +229,16 @@
  %7D%0A%0A
-%0A
   handle
 Sear
@@ -229,30 +229,24 @@
  %7D%0A%0A  handle
-Search
 Change = (ev
@@ -371,16 +371,41 @@
 e=%22text%22
+ value=%7Bthis.state.value%7D
  placeho
@@ -444,32 +444,55 @@
 his.
-state.handleSearchChange
+handleChange%7D onSubmit=%7Bthis.state.searchSubmit
 %7D /%3E

set up initial state and searchbar value