如何解决getCurrentPosition 没有被称为 ReactJS
我正在尝试构建一个应用程序,我需要在其中获取用户的当前位置。 所以我试图使用
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(showPosition,showError);
}
如果条件被调用。但在此之后,showPosition
和 showError
函数都不会被调用。我的 showPosition
函数是
function showPosition(position) {alert('success');}
而我的 showError
函数是
function showError(error) {alert('error');}
我正在使用 ReactJS 开发应用程序,作为浏览器,我使用的是 Chrome(最新版本)。 如果有人帮助我,这将非常有帮助。
解决方法
解决方案:
import React,{ useEffect } from "react";
const App = props => {
useEffect(() => {
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(showPosition,showError);
}
},[]);
const showPosition = data => {
console.log("position");
console.log(position);
};
const showError = err => {
console.log("err");
console.log(err.message);
};
return <div>Hello,open the console to see the result</div>;
};
export default App;
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。