Реагируйте на карты Google

Question

Может кто-нибудь дать мне знать, как изменить defaultCenter, исходящий из свойства default.Как изменить свойство по умолчанию и динамически передавать значения с сервера.

class SimpleMap extends React.Component {
    static defaultProps = {
        center: {lat: 59.95, lng: 30.33},
        zoom: 11
    };

    render() {
        return (
            <GoogleMapReact
            defaultCenter={this.props.center}
            defaultZoom={this.props.zoom}
            >
        )
    }
}

Answer 1

Пожалуйста, переместите defaultCenter из реквизита по умолчанию в состояние компонента.

constructor(props) {

    super(props)
    this.state = {
      center: {
        lat: 59.95,
        lng: 30.33
      },
      zoom: 11
    }
  }

рендер

render() {
    return (
      <GoogleMapReact
       defaultCenter={this.state.center} //access here using state
       defaultZoom={this.state.zoom}
     />);
  }

Всякий раз, когда вы хотите обновить center иЗначение zoom просто обновляет состояние, используя setState, и компонент будет повторно визуализироваться с новым измененным значением.

При Redux:

При избыточном значении это значение будетперейдите с карты вашего контейнера компонентов через редуктор для хранения.