js api fetch resultsが帰ってこない

Question

reactでapiをfetchしてそのresponceに本来resultsというプロパティがあるはずなのになぜか帰ってきません。
responceをxonsole.logで確かめても何かおかしい気がします。

urlをブラウザで表示するとしっかりjson形式で帰ってきています。

この原因って何でしょうか。　omz

catchでエラーを捕まえようと思いましたがエラーは出ないので一応fetchに成功しているようです

fetch('https://maps.googleapis.com/maps/api/geocode/json?language=ja&sensor=false&latlng=35.6909389,139.6952959&key='API KEY')
            .then(responce => {
                console.log(responce.json())
                console.log(responce)
                // console.log(responce.results[0]['formatted_address'])
                // console.log(responce.results[0]['formatted_address'])


            })

Comments

[HayatoKamono]

何かが間違っているからだと思います。ただ、何が間違っているかの判断は掲載されてる限られた情報から判断することは出来ません。

[Koyyyyyy]

編集しましたのでご確認していただけるとありがたいです

Answer 1

コンソールで見てるのは Response オブジェクトですね。
Response.json() は Promise を返すので更に .then() すれば json 取れると思います。

const url = 'https://maps.googleapis.com/maps/api/geocode/json';

fetch(url)
.then(response => response.json())
.then(json => {
  console.log(json);
});

Body.json() - Web APIs | MDN

Comments

[Koyyyyyy]

本当にありがとうございました！！！！！！！！！！
Response.json() は Promiseという知識が完全にかけておりました！
感謝してもしきれません！！！！