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

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

我正在尝试通过动态国家代码来限制搜索结果如下 -:

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 等),这会起作用,但如果我尝试传递一个变量,它就不起作用。我应该怎么做才能传递动态变量?

您应该使用查询字符串。

let loc = 'de'

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