react-native-map:如何定期更新从远程服务器接收的用户位置

import React, { useEffect, useState } from 'react';
import { View, Text } from 'react-native';
import MapView, { Marker } from 'react-native-maps';
import axios from 'axios';

const MapScreen = () => {
  const [userLocation, setUserLocation] = useState(null);

  useEffect(() => {
    // 定时器，每隔10秒发送一次请求
    const interval = setInterval(() => {
      // 发送GET请求获取用户位置数据
      axios.get('https://example.com/user/location')
        .then(response => {
          // 更新用户位置
          setUserLocation(response.data);
        })
        .catch(error => {
          console.log(error);
        });
    }, 10000);

    // 清除定时器
    return () => clearInterval(interval);
  }, []);

  return (
    <View style={{ flex: 1 }}>
      {userLocation && (
        <MapView
          style={{ flex: 1 }}
          initialRegion={{
            latitude: userLocation.latitude,
            longitude: userLocation.longitude,
            latitudeDelta: 0.0922,
            longitudeDelta: 0.0421,
          }}
        >
          <Marker
            coordinate={{
              latitude: userLocation.latitude,
              longitude: userLocation.longitude,
            }}
          />
        </MapView>
      )}
    </View>
  );
};

export default MapScreen;