第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

如何從嵌套函數(shù)中獲取 Geolocation API 坐標(biāo)并進(jìn)入 React 狀態(tài)?

如何從嵌套函數(shù)中獲取 Geolocation API 坐標(biāo)并進(jìn)入 React 狀態(tài)?

瀟湘沐 2021-12-12 15:26:08
當(dāng)用戶(hù)單擊按鈕時(shí),我正在嘗試使用Geolocation API獲取用戶(hù)的位置:<button onClick={this.setNewLatLong()}>"Use my location"</button>;我可以使用以下代碼訪(fǎng)問(wèn)緯度/經(jīng)度坐標(biāo):setNewLatLong = () => {  navigator.geolocation.getCurrentPosition(displayLocationInfo);  function displayLocationInfo(position) {      const longitude = position.coords.longitude;      const latitude = position.coords.latitude;      console.log(`long: ${longitude} | lat: ${latitude}`);  }}但是我無(wú)法將數(shù)據(jù)放入我的狀態(tài),因?yàn)閘atitude和longitude變量嵌套在函數(shù)中。我怎樣才能把這些數(shù)據(jù)放到我的狀態(tài)?
查看完整描述

2 回答

?
Helenr

TA貢獻(xiàn)1780條經(jīng)驗(yàn) 獲得超4個(gè)贊

React 中的每個(gè)組件狀態(tài)更新都應(yīng)該使用setState(). 對(duì)于您的情況,您可以setState()在傳入的回調(diào)函數(shù)中使用getCurrentPosition()。


navigator.geolocation.getCurrentPosition(position => {

    this.setState({

        lat: position.coords.latitude,

        lng: position.coords.longitude

    });

})

我還建議您考慮使用React 掛鉤進(jìn)行狀態(tài)(在您完成 React 的基礎(chǔ)知識(shí)學(xué)習(xí)之后)


查看完整回答
反對(duì) 回復(fù) 2021-12-12
?
拉丁的傳說(shuō)

TA貢獻(xiàn)1789條經(jīng)驗(yàn) 獲得超8個(gè)贊

在 React 中,您持有組件狀態(tài)中的信息。您可以像這樣設(shè)置狀態(tài):


this.setState({

  lon: longitude,

  lat: latitude

})

并從您的視圖(渲染函數(shù))或您可能需要的任何其他地方訪(fǎng)問(wèn)狀態(tài)。


查看完整回答
反對(duì) 回復(fù) 2021-12-12
  • 2 回答
  • 0 關(guān)注
  • 161 瀏覽
慕課專(zhuān)欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢(xún)優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)