added search on submit

mrkyns · Apr 21, 2023 · 880b40f · 880b40f
1 parent 54032cd
commit 880b40f
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/src/components/Search.jsx b/src/components/Search.jsx
@@ -12,16 +12,21 @@ export default function Search( { setQuery } ) {
     setQuery(inputText)
   };
 
+let submitHandler = (e) => {
+  e.preventDefault();
+  setQuery(inputText)
+}
 
 
   return (
     <div className="Search">
       {/* <div className="search_wrapper"> */}
-        <form className="search_wrapper" onChange={inputHandler}>
+        <form className="search_wrapper" onSubmit={submitHandler}>
           <input
             className="search_input"
             type="search"
             placeholder="Enter your query"
+            onChange={inputHandler}
           />
           <button className="search_button">Search</button>
         </form>