从react获得选定的项目-google-places自动完成

Question

我正在尝试从React获得选定的地址-google-places在React中自动完成，但我不知道如何获得值。很抱歉打扰你，谢谢！

Answer 1

在您的函数中，您应该有一个useState钩子来表示您想要得到的值。就像这样：

    const [location, setLocation] = useState(null);

然后，在您的JSX中您将得到类似于以下内容的内容：

                    <GooglePlacesAutocomplete
                        selectProps={{
                            location,
                            onChange: setLocation,
                          }}                        
                        query={{key: YOUR_API_KEY}}
                        fetchDetails={true}
                        onFail={error => console.log(error)}
                      />

现在，每当用户单击Google建议的自动地址时，您的location变量将存储返回信息的地图。要获得地址的值，您只需使用"label“键获取它。

location"label"

IOW，这将返回选定的地址。