Я пытаюсь получить доступ к необработанному геоджсону через вызов выборки и сохранить его в состоянии. Это просто временное приложение, не предназначенное для производственных масштабов. Я не уверен, где я ошибаюсь. Мой код ниже:
fetchData = async () => {
let data = await
fetch(
"https://raw.githubusercontent.com/timwis/leaflet-choropleth/gh-pages/examples/basic/crimes_by_district.geojson"
)
.then((response) => response.json())
.then((geojson) => {
console.info("my_data: ", geojson)
return geojson
})
console.info("my_data: ", geojson)
this.setState({ geojson: data })
return data
}
Я получаю следующее:
my_data: {type: "FeatureCollection", features: Array(22), crs: {…}}
App.js:218 my_data: /static/media/hh_2020112300_2020120623_Saturday_02.d9141b26.geojson
Я думаю, проблема в том, что geojson
выходит за рамки, когда выполняется console.info("my_data: ", geojson)
(второй). Разве этот второй журнал консоли не должен быть console.info("data: ", data)
?
Попробуй это
let data = await fetch(
"https://raw.githubusercontent.com/timwis/leaflet-choropleth/gh-pages/examples/basic/crimes_by_district.geojson",
{
headers: {
accept:
"text/html,application/xhtml+xml,application/xml;q=0.9,image/avif,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3;q=0.9",
"accept-language": "en-US,en;q=0.9,ar;q=0.8,bn;q=0.7",
"cache-control": "max-age=0",
"if-none-match":
'W/"8c50b5f19d835c2097cf05ef5967bdf5531f37aaaed918b17479328f69aa7309"',
"sec-ch-ua":
'"Google Chrome";v = "87", " Not;A Brand";v = "99", "Chromium";v = "87"',
"sec-ch-ua-mobile": "?0",
"sec-fetch-dest": "document",
"sec-fetch-mode": "navigate",
"sec-fetch-site": "none",
"sec-fetch-user": "?1",
"upgrade-insecure-requests": "1",
},
referrerPolicy: "strict-origin-when-cross-origin",
body: null,
method: "GET",
mode: "cors",
credentials: "omit",
}
);
Я чувствую себя таким глупым, спасибо. Я проголосую, как только смогу.