reactjs - 从 ReactJS Material-UI Autocomplete Google Places 组件获取 Google Place ID

Question

我目前正在使用 Material-UI Autocomplete Google Places 组件，如https://codesandbox.io/s/97u43?file=/demo.js所示，但作为 ReactJS 新手，我对如何从 JSON 响应中获取“places_id”。useEffect 内部的 fetch 仅根据用户输入获取位置，并在网格弹出器中显示位置。单击某个位置会在输入字段中填充地址。所以简而言之，我想我想弄清楚如何添加回调或事件侦听器，以便当用户单击某个位置时，我能够捕获 JSON 响应，然后我可以解析它以获取 place_id 值。如果有人熟悉如何使用这个 material-ui 组件来做到这一点并且可以分享一些关于它的信息，我将不胜感激。

附带说明一下，对于熟悉 Google Places 的任何人，据我了解，我需要 place_id 才能与 Google 的地理编码 API 一起使用来获取地址的纬度和经度，但我发现了一些 2012 年的旧 Google Places API JavaScript 代码这说明了从“place.geometry.location.lat()”获取纬度和经度，因此避免了对地理编码 API 的另一个 API 调用。这将是最理想的，但看起来您无法再直接从 Google Places API 获得经纬度。

标签： reactjsmaterial-uigoogle-places-api