前提・実現したいこと
ReactでGeolocation API
を利用して位置情報を取得したいと考えています。
該当のソースコード
下記のコードで、Button
を押した際に位置情報を獲得するようにしています。
JS
1import React, { Component } from 'react' 2 3class App extends Component { 4 constructor(props) { 5 super(props) 6 this.state = { 7 latitude: null, 8 longitude: null, 9 } 10 } 11 12 position = async () => { 13 await navigator.geolocation.getCurrentPosition( 14 position => this.setState({ 15 latitude: position.coords.latitude, 16 longitude: position.coords.longitude 17 }), 18 err => console.log(err) 19 ); 20 console.log(this.state.latitude) 21 } 22 23 render() { 24 return ( 25 <div> 26 <button onClick={this.position} className='Filter'>Filter</button> 27 </div> 28 ); 29 } 30} 31 32export default App; 33
発生している問題・エラーメッセージ
ですが、1回目のボタンを押した時にはnull
になり、2回目にボタンを押した時に位置情報が獲得できます
1回目から位置情報が取得できないのはどういった理由からでしょうか?
何かアドバイスいただけたら幸いです。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/04/21 22:17