Markierungen werden in der Kartenansicht in React Native nicht zum zweiten Mal gerendert
Posted: 19 Jan 2025, 20:01
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?
CustomMarker:
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 && (
)}
);
}
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}
);
};