CODEWITHSUNDEEP
javascriptreactjsreact-nativegoogle-places-api
Kat
Kat

Reputation: 105

React-native-google-places-autocomplete: passing dynamic string variables to a query

I am trying to pass a dynamic country code to restrict search results as follows -:

let loc = 'de'

<GooglePlacesAutocomplete
    placeholder="Search"
    autoFocus={true}
    onPress={(data, details = null) => {
        setSelection(data.description);
        }}
   query={{
       key: "key",
       language: "en",
       components:'country:loc'
       }}
   {...props}
   />

This works if I just pass a country code -- GB, DE, ZA, etc -- but it doesn't work if I try to pass in a variable. What should I do in order to be able to pass a dynamic variable?

Upvotes: 0

Views: 345

Answers (1)

Steven Bell
Steven Bell

Reputation: 1979

You should use a query string.

let loc = 'de'

<GooglePlacesAutocomplete
    placeholder="Search"
    autoFocus={true}
    onPress={(data, details = null) => {
        setSelection(data.description);
        }}
   query={{
       key: "key",
       language: "en",
       components:`country:${loc}`
       }}
   {...props}
   />

Upvotes: 1

Related Questions