Soy nuevo en ReactJS, estoy tratando de usar la variable city_name en otro módulo y no puedo encontrarla, ayúdenme con esto
import { useState } from "react"; const SearchCity = (props) => { const { type = "text", placeHolder = "scarch...", name,} = props; const [city_name, setCityName] = useState(""); return ( <div className="flex border-2 border-gray-200 rounded"> <input class="px-4 py-2 w-80 text-black take-input" type={type} name={name} placeholder={placeHolder} onChange={(e) => setCityName(e.target.value)} /> <button className="px-4 text-white bg-gray-600 border-l"> Search... </button> </div> ); }; export default SearchCity;Simplemente envíe city_name como apoyo y desestructurarlo.
suponga que tiene un componente <Home/> y tiene que pasar city_name en el componente home.
// here sending data as prop <Home city_name = {city_name}/> // Recive data const home = ({city_name}) => { <div> </div> }