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（最新版本）。 如果有人帮助我，这将非常有帮助。

解决方法

解决方案：

Stackblitz Demo

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;