В GraphQL лежит количество координат lat lan, я хочу получить через API адресс, выводися он в консоль, но на экран не могу, очень запарился...Через useState тоже не получилось...
const BlogPage = () => {
const data = useStaticQuery(graphql`
query{
allContentfulBlogPost{
edges{
node{
location{lat, lon}
}
}
}
}
`)
const token = 'token';
let getAddress = async (x, y) => {
const api_url = await fetch(`https://api.mapbox.com/geocoding/v5/mapbox.places/${x},${y}.json?access_token=${token}`)
const dataAddress = await api_url.json()
console.log(dataAddress);
}
return (
<Layout>
{
data.allContentfulBlogPost.edges.map((edge) => {
return (
<p>
{
getAddress(edge.node.location.lat, edge.node.location.lon)
}
</p>
)
})
}
</Layout>
)
}
useEffect
+useState
как пробовали?