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><inputtype="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;