首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >mui-places-autocomplete:如何订阅明文域事件?

mui-places-autocomplete:如何订阅明文域事件?
EN

Stack Overflow用户
提问于 2018-08-05 16:50:45
回答 2查看 575关注 0票数 0

我使用的是演示中解释的mui-places-autocomplete

代码语言:javascript
复制
import React from 'react'
import SomeCoolComponent from 'some-cool-component'
import MUIPlacesAutocomplete, { geocodeByPlaceID } from 'mui-places-autocomplete'

class Example extends React.Component {
  constructor() {
    super()

    // Setup your state here...
    this.state = { coordinates: null }

    this.onSuggestionSelected = this.onSuggestionSelected.bind(this)
  }

  onSuggestionSelected(suggestion) {
    geocodeByPlaceID(suggestion.place_id).then((results) => {
      // Add your business logic here. In this case we simply set our state with the coordinates of
      // the selected suggestion...

      // Just use the first result in the list to get the geometry coordinates
      const { geometry } = results[0]

      const coordinates = {
        lat: geometry.location.lat(),
        lng: geometry.location.lng(),
      }

      this.setState({ coordinates })
    }).catch((err) => {
      // Handle any errors that occurred when we tried to get geospatial data for a selected
      // suggestion...
    })
  }

  render() {
    // Your render logic here...
  }
}

export default Example

当用户选择一个建议时,这是有效的。但是当用户清除这个搜索框时,我们如何捕捉事件呢?

在以前的类似库中,我使用了类似的内容:handleChange,但它现在不起作用/使用这个库。

EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/51692830

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档