个人中心
gpt4 book ai didi

javascript - 无法访问函数内的地理位置

转载 作者：行者123 更新时间：2023-12-02 07:59:01 24 4
gpt4 key购买 nike

<分区>

一段时间以来，我一直在努力解决这个问题。我有三个功能，它们都是独立工作的。但是，我无法从 getUserCoordinates() 中获取值以显示在 fetchCurrentTemp() 中。无论我尝试什么，它都会返回 undefined。我已经离开 JS 环境一分钟了，所以也许我遗漏了一些明显的东西，但我很困惑。

fetchCurrentTemp()

import { getUserCoordinates } from './helpers';
const url = 'http://api.openweathermap.org/data/2.5';

export const fetchCurrentTemp = async () => {
    const coordinates = getUserCoordinates();
    console.log('coords:', coordinates);
    // logs 'undefined'
    try {
        let response = await fetch(`${url}/weather?APPID=x&lat=50.7498752&lon=-100.0004158&units=imperial`);
        let output = await response.json();
    } catch (error) {
        console.log(error);
    }
};

getUserCoordinates()

export const getUserCoordinates = () => {
    if (navigator.geolocation) {
        navigator.geolocation.getCurrentPosition(({ coords }) => {
            console.log(coords);
            //returns a value
            return coords;
        });
    } else {
        alert('Something is wrong');
    }
};

应用

import React from 'react';
import { fetchCurrentTemp } from './utils/api_calls';

function App() {
    return (
        <div>
            <button onClick={() => fetchCurrentTemp()}>Hello</button>
        </div>
    );
}

24 4 0
文章推荐： java - Tomcat、Java 和 SQL Server 2008 R2 : Cannot create JDBC driver of class '' for connect URL 'null'
文章推荐： java - Hibernate、iBatis、Java EE 或其他 Java ORM 工具
文章推荐： java - 摆脱不同类加载器中的 ClassCastException
文章推荐： image - SVG 图像的自动宽度和高度
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com