Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 4671 | Rev 6551 | Ir a la última revisión | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 4671 Rev 4675
Línea -... Línea 1...
- 
 
 1 
/* eslint-disable react/prop-types */
1 
import React from "react";
 2 
import React from "react";
2 
import { useState, useEffect, useRef } from "react";
 3 
import { useState, useEffect, useRef } from "react";
3 
const UbicationInput = (props) => {
 4 
import FormErrorFeedback from "../form-error-feedback/FormErrorFeedback";
- 
 
 5 
 
4 
  const [query, setQuery] = useState("");
 6 
const UbicationInput = ({ onGetAddress, settedQuery, placeholder = 'Ubicación' }) => {
5 
  const [addresObject, setAddressObject] = useState({});
 7 
  const [addresObject, setAddressObject] = useState({});
6 
  const autoCompleteRef = useRef(null);
 8 
  const [query, setQuery] = useState("");
7 
  const [error, setError] = useState("");
 9 
  const [error, setError] = useState("");
8 
 
 - 
 
9 
  const { onGetAddress, settedQuery, placeholder = 'Ubicación' } = props;
 10 
  const autoCompleteRef = useRef(null);
Línea 10... Línea 11...
10 
 
 11 
 
11 
  useEffect(() => {
 12 
  useEffect(() => {
12 
    handleScriptLoad(setQuery, autoCompleteRef, setAddressObject, setError);
 13 
    handleScriptLoad(setQuery, autoCompleteRef, setAddressObject, setError);
Línea 13... Línea 14...
13 
  }, [settedQuery]);
 14 
  }, []);
14 
 
 15 
 
15 
  useEffect(() => {
 16 
  useEffect(() => {
Línea 16... Línea 17...
16 
    onGetAddress(addresObject, query);
 17 
    onGetAddress(addresObject, query);
17 
  }, [addresObject, query]);
 18 
  }, [addresObject]);
18 
 
 19 
 
19 
  return (
 20 
  return (
Línea 29... Línea 30...
29 
          setAddressObject({});
 30 
          setAddressObject({});
30 
          setQuery(event.target.value);
 31 
          setQuery(event.target.value);
31 
        }}
 32 
        }}
32 
        value={settedQuery ? settedQuery : query}
 33 
        value={settedQuery ? settedQuery : query}
33 
      />
 34 
      />
34 
      {/* {error && <FormErrorFeedback>{error}</FormErrorFeedback>} */}
 35 
      {error && <FormErrorFeedback>{error}</FormErrorFeedback>}
35 
    </React.Fragment>
 36 
    </React.Fragment>
36 
  );
 37 
  );
37 
};
 38 
};
Línea 38... Línea 39...
38 
 
 39