如何在react中获取位置信息(lat，long)？

import React, { useEffect } from 'react';

const getLocation = () => {
  if (navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(showPosition);
  } else {
    console.log("Geolocation is not supported by this browser.");
  }
}

const showPosition = (position) => {
  const lat = position.coords.latitude;
  const long = position.coords.longitude;
  console.log("Latitude: " + lat);
  console.log("Longitude: " + long);
}

useEffect(() => {
  getLocation();
}, []);

npm install react-geolocated

import React from 'react';
import { geolocated } from 'react-geolocated';

const LocationInfo = (props) => {
  const { isGeolocationAvailable, isGeolocationEnabled, coords } = props;

  if (!isGeolocationAvailable) {
    console.log("Geolocation is not supported by this browser.");
    return null;
  }

  if (!isGeolocationEnabled) {
    console.log("Geolocation is not enabled.");
    return null;
  }

  if (!coords) {
    console.log("Waiting for location data...");
    return null;
  }

  const { latitude, longitude } = coords;

  console.log("Latitude: " + latitude);
  console.log("Longitude: " + longitude);

  return (
    // 组件的其他渲染内容
  );
}

export default geolocated()(LocationInfo);