Proyectos de Subversion LeadersLinked - Antes de SPA

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, placeholder = 'Ubicación' } = props;

  useEffect(() => {

    if (settedQuery) {

      handleScriptLoad(setQuery, autoCompleteRef, setAddressObject, setError);

      handlePlaceSelect(setQuery, setAddressObject, setError)

    }

  }, [settedQuery]);

  useEffect(() => {

    handleScriptLoad(setQuery, autoCompleteRef, setAddressObject, setError);

  }, []);

  useEffect(() => {

    onGetAddress(addresObject, query);

  }, [addresObject, query]);

  return (

    <React.Fragment>

      <input

        type="text"

        id="location_search"

        name="location_search"

        className="form-control"

        placeholder={placeholder}

        ref={autoCompleteRef}

        onChange={(event) => {

          setAddressObject({});

          setQuery(event.target.value);

        }}

        value={settedQuery ? settedQuery : query}

      />

      {/* {error && <FormErrorFeedback>{error}</FormErrorFeedback>} */}

    </React.Fragment>

  );

};

export default UbicationInput;