Breaking News: Grepper is joining You.com. Read the official announcement!

"react-google-autocomplete" latidtue

Talhah Patelia answered on December 2, 2023 Popularity 1/10 Helpfulness 1/10

answer "react-google-autocomplete" latidtue

"react-google-autocomplete" latidtue

Comment

import useGoogle from 'react-google-autocomplete/lib/usePlacesAutocompleteService';

const {
    placesService,    //-----------------------------
    placePredictions,
    getPlacePredictions,
    isPlacePredictionsLoading
  } = useGoogle({
    debounce: 200,
    language: 'en',
    apiKey: 'TOKEN'
  });


<div className="eag-mb-20">
        <input
          type="text"
          placeholder="Enter address"
          onChange={(e) => {
            getPlacePredictions({
              input: e.target.value
            });
          
          }}
        />

        {!isPlacePredictionsLoading &&
          placePredictions.map((item) => (
            <div
              onClick={() => { //-----------------------------
                placesService?.getDetails(
                  { placeId: item.place_id },
                  (placeDetails) => console.log(placeDetails?.geometry?.location?) //HERE WILL BE ADDRESS_COMPONENT
                );         //-----------------------------
              }}>
              {item.description}
            </div>
          ))}
      </div>

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: javascript

Link to this answer
Share Copy Link

Contributed on Dec 02 2023

Talhah Patelia

0 Answers Avg Quality 2/10

"react-google-autocomplete" latidtue

Contents

More Related Answers

"react-google-autocomplete" latidtue

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.