Как настроить карты Google в ReactJS

Question

Я новичок в ReactJS. Я использовал карту, ссылаясь на эту ссылку

это работает отлично. Я обнаружил значок моего местоположения в строке поиска. по щелчку я могу определить местоположение и утешить отформатированный адрес на основе широты и долготы. как бы я ни хотел отобразить адрес внутри поля ввода местоположения поиска. как мне этого добиться?

App.js

import React from 'react';
import MapWithASearchBox from '../components/main_layout/location';
class App extends React.Component {
state = {       
    latitude : '',
    longitude: '',          
};  
 eventHandler() {
    if(navigator.geolocation) {
        navigator.geolocation.getCurrentPosition((position) => {                
            this.setState({
                latitude:position.coords.latitude,
                longitude:position.coords.longitude,});
                this.myfunc(position.coords.latitude, 
                position.coords.longitude)  
            },                  
)        
}
}
  myfunc = (lat, long) => { 

 var geocoder = new window.google.maps.Geocoder();
 console.log(geocoder)

 var latlng = {lat: parseFloat(lat), lng: parseFloat(long)};
geocoder.geocode({'location': latlng}, function(results, status) {
if (status === 'OK') {
  if (results[0]) { 

    const addr = results[0].formatted_address;
    console.log(addr)
  } else {
    window.alert('No results found');
  }
} else {
  window.alert('Geocoder failed due to: ' + status);
}
});  
}
render() {          
    return (
        <div>               
            <MapWithASearchBox />               
        </div>
    );
}
}
export default App;