componentDidMount, getCurrentPosition 지연

Question

나는 사용자의 현재 위치를 얻기 위해 이러한 패턴을 사용합니다. 핵심 문제는 위치를 얻는 데 약간의 지연이 있으며 콘솔은 없이 undefined을 던졌습니다. 나는 그것을 해결하기 위해 몇 가지 다른 방법을 시도했지만 모두 실패 :

navigator.geolocation.getCurrentPosition(function(location) { 
    this.setState({ 
     lat: location.coords.latitude, 
     lon: location.coords.longitude 
    }) 
}).bind(this); 

예를 들면 겸손 let _this = this을. 제발, setState에 더 현명한 방법으로, geolocation에 따라?

코멘트에서 언급 한 바와 같이

Answer 1

, 당신은 약간 바인드를 이동하거나 화살표 기능을 사용할 수 있습니다 중 하나의

componentDidMount() { 
    navigator.geolocation.getCurrentPosition(function (location) { 
     this.setState({ 
     lat: location.coords.latitude, 
     lon: location.coords.longitude 
     }) 
    }.bind(this)); 

    // OR 
    navigator.geolocation.getCurrentPosition(location => { 
     this.setState({ 
     lat: location.coords.latitude, 
     lon: location.coords.longitude 
     }) 
    }); 
}