Блог

Главная - Вопросы по программированию - Как передать значение состояния в props в компоненте класса React

Как передать значение состояния в props в компоненте класса React

#reactjs #google-maps #google-map-react

#reactjs #google-карты #google-map-реагировать

Вопрос:

Я получаю местоположения геокода в переменные latt, lngg через axios и setState, я хочу использовать эти переменные внутри google-map-react package center Как я могу передать эти значения состояния в 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}>

Ответ №1:

Для ссылки на значения состояния вы должны использовать this.state.center and this.state.zoom , а не this.props. which для реквизита текущего компонента.