javascript - React-native-google-places-autocomplete：将动态字符串变量传递给查询

Question

我正在尝试通过动态国家代码来限制搜索结果，如下所示：

let loc = 'de'

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

如果我只传递一个国家/地区代码——GB、DE、ZA 等——这很有效，但如果我尝试传递一个变量，它就不起作用。为了能够传递动态变量，我应该怎么做？

标签： javascriptreactjsreact-nativegoogle-places-api

Answer 1

您应该使用查询字符串。

let loc = 'de'

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