Na semana passada acompanhei a Next Level Week, que trouxe a ideia de criar um sistema para Mobile e Web, a parte web consegui fazer, tudo conforme o vídeo. mas eu estou com um problema até agora na parte do Mobile exatamente no 4 vídeo que deveria me retorna os pontos de coleta já cadastrados. porém o erro que me retorna é esse [Unhandled promise rejection: TypeError: undefined is not a function (near '...points.map...')]
de acordo com vídeo, está tudo igual, mas mesmo assim me retorna esse erro.
A baixo vai tá o código com tudo que está relacionado ao ponto de coletas
interface Point {
id: number;
name: string;
image: string;
latitude: number;
longitude: number;
}
const [points, setPoints] = useState<Point[]>([])
useEffect(() => {
api.get('points', {
params: {
city: 'Mossoró',
uf: 'RN',
items: [3, 5, 6]
}
}).then(response => {
setPoints(response.data)
console.log(response.data)
})
}, [])
{points.map((point) => (
<Marker
key={point.id}
style={styles.mapMarker}
onPress={handleNavigateToDetail}
coordinate={{
latitude: point.latitude,
longitude: point.longitude,
}}
>
<View style={styles.mapMarkerContainer}>
<Image
style={styles.mapMarkerImage}
source={{
uri: point.image,
}}
/>
<Text style={styles.mapMarkerTitle}>{point.name}</Text>
</View>
</Marker>
))}
console.log()
nopoints
, o que aparece?