有没有一种有效的方法将当前位置加载到react状态？

import React, { useState, useEffect } from 'react';

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

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

  useEffect(() => {
    if ("geolocation" in navigator) {
      navigator.geolocation.getCurrentPosition((position) => {
        setLocation(position.coords);
      });
    } else {
      console.log("Geolocation is not supported by this browser.");
    }
  }, []);

  // ...
}

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

  useEffect(() => {
    // ...

  }, []);

  return (
    <div>
      {location ? (
        <div>
          Latitude: {location.latitude}<br />
          Longitude: {location.longitude}
        </div>
      ) : (
        <div>Loading...</div>
      )}
    </div>
  );
}