Update Function Names

src/App.jsx

@@ -22,7 +22,7 @@ class App extends Component {
       )
   }
 
-  handleChange = e => {
+  onSearchChange = e => {
     this.setState({ searchField: e.target.value })
   }
 
@@ -38,7 +38,7 @@ class App extends Component {
         <h1>Monster Rolodex</h1>
         <SearchBox
           placeholder='Search Monsters'
-          handleChange={this.handleChange}
+          handleChange={this.onSearchChange}
         />
         <CardList monsters={filteredMonsters} />
       </div >