Lifting up the countryData State

Closes #9
Augustine-edeh · Mar 25, 2023 · 6484b9f · 6484b9f
1 parent 1780263
commit 6484b9f
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/src/App.js b/src/App.js
@@ -12,13 +12,20 @@ function App() {
     setErrStatus((previous) => status);
   };
 
+  const receiveCountryDataHandler = (countryData) => {
+    console.log(countryData);
+  };
+
   return (
     <div className="App">
       <Header />
 
       <main className="App-main">
         <Title />
-        <SearchForm onEmptyInput={emptyInputHandler} />
+        <SearchForm
+          onEmptyInput={emptyInputHandler}
+          onReceiveCountryData={receiveCountryDataHandler}
+        />
         {errStatus ? (
           <p className="App-empty-search_Error">Please enter a country name</p>
         ) : (

diff --git a/src/Components/SearchForm.js b/src/Components/SearchForm.js
@@ -25,7 +25,8 @@ const SearchForm = (props) => {
       fetch(countryURL)
         .then((response) => response.json())
         .then((countryData) => {
-          console.log(countryData);
+          // console.log(countryData);
+          props.onReceiveCountryData(countryData);
         })
         .catch((err) => console.log(err));
     } else {