如何使用useeffect获取坐标

Question

如何使用useeffect获取坐标？我一无所获，我做错了什么？

const [position, setPosition] = useState<any>(null);

useEffect(() => {
(async () => {
navigator.geolocation.getCurrentPosition((position) => {
const { longitude, latitude } = position.coords;
console.log(longitude, latitude);
});
})();
}, []);

Answer 1

地理定位API是支持浏览器的原生API。因此您可以删除async关键字。

const [position, setPosition] = useState(null);

useEffect(() => {
(() => {
navigator.geolocation.getCurrentPosition((position) => {
//const { longitude, latitude } = position.coords;
setPosition(position.coords)
});
})();
}, []);

然后返回position状态。您也可以console.log()