adjustments

tryber · Feb 17, 2022 · 227e28a · 227e28a
1 parent 59bf4e3
commit 227e28a
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/src/App.js b/src/App.js
@@ -28,7 +28,8 @@ class App extends React.Component {
     this.setState({search:value})
   }
 
-  handleFilterCharacters = () => {
+  handleFilterCharacters = (e) => {
+    e.preventDefault()
     const { characters, search} = this.state;
     const filteredArray = characters.filter(({name})=> name.toUpperCase().includes(search.toUpperCase()))
     this.setState({filteredCharacters:filteredArray})
@@ -38,9 +39,9 @@ class App extends React.Component {
     const {filteredCharacters, isLoading} = this.state
     return (
       <div className="App">
-        <form>
+        <form onSubmit={this.handleFilterCharacters}>
           <input type='text' placeholder='Rick Sanchez...' onChange={this.handleOnChange}/>
-          <button type='button' onClick={this.handleFilterCharacters}>Buscar</button>
+          <button type='submit' >Buscar</button>
         </form>
         {
           isLoading ? <Loading/> :