react获取当前定位

在React中，要获取用户的当前位置，你可以使用浏览器提供的Geolocation API。首先，确保你的应用已经安装了`react-native-geolocation-service`或者`@react-native-community/geolocation`这样的第三方库，它们封装了原生API以便在React Native应用中使用。

以下是一个简单的示例：

import Geolocation from '@react-native-community/geolocation';

// 使用 useEffect 钩子在组件挂载时请求用户位置
useEffect(() => {
  (async () => {
    try {
      const { status } = await Geolocation.requestWhenInUseAuthorization();
      if (status === 'authorized') {
        const position = await Geolocation.getCurrentPosition();
        console.log('Current Position:', position.coords);
        // 这里可以将position对象的数据用于你的应用程序
      } else {
        console.log('Permission to access location was denied');
      }
    } catch (error) {
      console.warn('Error occurred', error);
    }
  })();
}, []);

// 如果需要在组件更新时再次获取位置，可以添加到 componentDidUpdate 或者 useInterval Hook 中

在这个例子中，我们先请求用户的地理位置权限，然后获取当前位置。如果权限允许，会得到一个包含经度、纬度等信息的对象。注意，这只是一个基本示例，实际使用时可能还需要处理错误情况和其他细节。