如何在嵌套函数React中返回值(navigator.geolocation.getCurrentPosition())

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

const getLocation = () => {
  return new Promise((resolve, reject) => {
    navigator.geolocation.getCurrentPosition(
      position => resolve(position),
      error => reject(error)
    );
  });
};

const App = () => {
  const [location, setLocation] = useState(null);

  useEffect(() => {
    const fetchData = async () => {
      try {
        const position = await getLocation();
        setLocation(position);
      } catch (error) {
        console.log('Error:', error);
      }
    };

    fetchData();
  }, []);

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

export default App;