Update Function Names
This commit is contained in:
@@ -20,9 +20,9 @@ class App extends Component {
|
|||||||
.then(response => response.json()).then(
|
.then(response => response.json()).then(
|
||||||
users => this.setState({ monsters: users })
|
users => this.setState({ monsters: users })
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
||||||
handleChange = e => {
|
onSearchChange = e => {
|
||||||
this.setState({ searchField: e.target.value })
|
this.setState({ searchField: e.target.value })
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -34,11 +34,11 @@ class App extends Component {
|
|||||||
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="App">
|
<div className="App">
|
||||||
<h1>Monster Rolodex</h1>
|
<h1>Monster Rolodex</h1>
|
||||||
<SearchBox
|
<SearchBox
|
||||||
placeholder='Search Monsters'
|
placeholder='Search Monsters'
|
||||||
handleChange={this.handleChange}
|
handleChange={this.onSearchChange}
|
||||||
/>
|
/>
|
||||||
<CardList monsters={filteredMonsters} />
|
<CardList monsters={filteredMonsters} />
|
||||||
</div >
|
</div >
|
||||||
|
|||||||
Reference in New Issue
Block a user