main

src/components/City/City.js

@@ -3,6 +3,7 @@ import axios from "axios";
 
 const City = (props) => {
   const route = props.getValue;
+  const setUserData = props.setUserData
 
   const [cityOptions, setCityOptions] = useState([]);
   const [filteredCityOptions, setFilteredCityOptions] = useState([]);
@@ -71,7 +72,7 @@ const City = (props) => {
           justifyContent: 'center',
           width: 304,
         }}>
-          <img src="./image 2.png" alt="#" style={{
+          <img src='./image 2.png' alt="#" style={{
             width: 282,
             height: 282,
           }} />
@@ -106,7 +107,10 @@ const City = (props) => {
     gap: 10,
     }}>
     <button
-      onClick={() => route('/second')}
+      onClick={() => {
+        route('/second')
+        setUserData(prevUserData => ({ ...prevUserData, selectedCity: selectedCity}));
+    }}
       className="animated-button"
       style={{
         width: 304,