如何在React中更新地理位置状态？

import { useState } from 'react';

function MyComponent() {
  const [location, setLocation] = useState({});

  // ...
}

import { useState, useEffect } from 'react';

function MyComponent() {
  const [location, setLocation] = useState({});

  useEffect(() => {
    navigator.geolocation.getCurrentPosition(
      (position) => {
        setLocation({
          latitude: position.coords.latitude,
          longitude: position.coords.longitude,
        });
      },
      (error) => {
        console.error(error);
      }
    );
  }, []); // 空数组表示只在组件挂载时调用一次

  // ...
}