如何将状态值传递给 React 类组件中的 props

Question

我正在通过 axios 和 setState 将地理编码位置放入 latt,lngg 变量中，我想在 google-map-react 包中心内使用此变量如何将这些状态值传递给 props 。

休息API

then(res => {
  console.log(res.data.results[0].geometry.location.lat);
  console.log(res.data.results[0].geometry.location.lng);
  // console.log(res.data[0]);

  this.setState({latt:res.data.results[0].geometry.location.lat})
  this.setState({lngg:res.data.results[0].geometry.location.lng})
})

static defaultProps = {
  center: {
    lat: 32,
    lng: 56
  },
  zoom: 5.7
};

<GoogleMapReact bootstrapURLKeys={{ key:API-KEY}} defaultCenter={this.props.center} defaultZoom={this.props.zoom}>

Answer 1

对于引用状态值，您将使用this.state.center和this.state.zoom而不是this.props. 这是用于当前组件的道具。