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

问题描述

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

Rest 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}>

解决方法

要引用状态值，请使用this.state.center和this.state.zoom而非用于当前组件属性的this.props.。