Markierungen werden in der Kartenansicht in React Native nicht zum zweiten Mal gerendert ⇐ JavaScript

[Guest]

Ich baue eine App, um eine öffentliche Fahrradpumpe zu finden. Ich verwende React Native und Express Js im Backend und für die Anzeige der Karte selbst verwende ich die React-Map-Ansicht.
Das Problem besteht darin, dass meine Markierungen zunächst gerendert werden und auf der Karte vorhanden sind , aber sobald ich davon weg navigiere, verschwinden sie, obwohl meine Daten dort sind, während ich die Antwort protokolliere.
Meine App-Struktur:
app
-> tabs -> map.tsx
Übersehe ich hier etwas?

Code: Select all

export default function App() {
const [selectedMarker, setSelectedMarker] =
useState(null);
const [markers, setMarkerData] = useState([]);

useEffect(() => {
getMarkers();
return () => {};
}, []);

const getMarkers = async () => {
try {
let response = await axios.get("http://192.168.1.105:5000/markers");
console.log("DD");

if (response.status === 200) {
console.log("DDDDDS");
setMarkerData(response.data);
}
} catch (error) {
}
};

return (


{markers?.map((marker, index) => {
return (

);
})}


{selectedMarker && (

)}

);
}

CustomMarker:

Code: Select all

import { View, Text, StyleSheet } from "react-native";
import React from "react";
import { Marker } from "react-native-maps";

const CustomMarker = ({ pumps, onSelectMarker }) => {
console.log("SDDDA", pumps.latitude);

return (
 onSelectMarker(pumps)}
>

{pumps?.name}


);
};