Rev 4662 | Ir a la última revisión | Autoría | Comparar con el anterior | Ultima modificación | Ver Log |
import React from "react";
import { useState, useEffect, useRef } from "react";
const UbicationInput = (props) => {
const [query, setQuery] = useState("");
const [addresObject, setAddressObject] = useState({});
const autoCompleteRef = useRef(null);
const [error, setError] = useState("");
const { onGetAddress, settedQuery } = props;
useEffect(() => {
handleScriptLoad(setQuery, autoCompleteRef, setAddressObject, setError);
}, []);
useEffect(() => {
("GetAddress");
onGetAddress(addresObject, query);
}, [addresObject]);
return (
<React.Fragment>
<input
type="text"
id="location_search"
name="location_search"
className="form-control"
placeholder="Ubicación"
ref={autoCompleteRef}
onChange={(event) => {
setAddressObject({});
setQuery(event.target.value);
}}
value={settedQuery ? settedQuery : query}
/>
{/* {error && <FormErrorFeedback>{error}</FormErrorFeedback>} */}
</React.Fragment>
);
};
export default UbicationInput;