Reactのpromiseから応答データを取得するにはどうすればよいですか?

ジョーイ

非常に基本的なreactアプリをセットアップし、JSONデータが含まれているローカルホストサーバー(別のバックエンドサーバー)を呼び出そうとしています。promiseから返されたデータを抽出したいのですが、何も機能していないようです。これが私のコードです:

    fetch('http://localhost:8080/posts')
    .then(function(response) {
        const items = response.json()
        console.log(items)
    })

response.json()、response.bodyを試しましたが、.then(functio(body){console.log(body)})、response.data、response.bodyを使用して本体をログに記録しようとしましたが、何も機能しません。コンソールの出力は次のとおりです。

ここに画像の説明を入力してください

それが私に与えている出力をどのように取得し、それを反復できる配列に入れることができますか?「content」と「id」は私がアクセスする必要があるものです。

ちなみに、ブラウザでlocalhost:8080 / postsにアクセスすると、配列は単純です。

  [{"id":1,"content":"hello, this is post 1"}]

どんな助けでもありがたいです、ありがとう!

レディ

への呼び出しresponse.json()も約束を返すので、それも処理する必要があります。以下のコードを試してください。

fetch('http://localhost:8080/posts')
.then(function(response){ return response.json(); })
.then(function(data) {
    const items = data;
    console.log(items)
})

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

Combine + Alamofire Error応答からデータ値を取得するにはどうすればよいですか?

分類Dev

AngularのJSON応答からformArrayにデータを追加するにはどうすればよいですか?

分類Dev

JSON応答から特定のデータを削除するにはどうすればよいですか?

分類Dev

ディスパッチからの応答を取得するにはどうすればよいですか?

分類Dev

PHPでJSONサーバーの応答からデータを取得するにはどうすればよいですか?

分類Dev

残りのWebサービス応答からデータの特定の部分を取得するにはどうすればよいですか?

分類Dev

AFJSONRequestOperationのコールバックでNSHTTPURLResponseから応答データを取得するにはどうすればよいですか?

分類Dev

Ajax 応答から小枝にデータを設定するにはどうすればよいですか

分類Dev

PythonでHTTP応答からデータを抽出するにはどうすればよいですか?

分類Dev

プレーンテキストの応答から単一のデータを取得するにはどうすればよいですか?

分類Dev

角度2で複雑なjson応答データを取得するにはどうすればよいですか?

分類Dev

jqを使用してjson応答から特定のデータを取得するにはどうすればよいですか?

分類Dev

応答(ソケット)からデータを抽出するにはどうすればよいですか?

分類Dev

react jsを使用して応答からjsessionidを取得するにはどうすればよいですか?

分類Dev

APIからの応答から適切な出力を取得するにはどうすればよいですか?

分類Dev

node-fetchを使用してAPIからデータと応答ステータスを取得するにはどうすればよいですか?

分類Dev

AngularJSがデータベースから応答を取得した後、HTMLページをロードするにはどうすればよいですか?

分類Dev

Ajax応答データを別の形式で使用するにはどうすればよいですか?

分類Dev

長いポーリングから応答データを取得するにはどうすればよいですか?

分類Dev

返された応答から特定の値を取得するにはどうすればよいですか

分類Dev

Alexaの応答からユーザーの応答までの時間を取得するにはどうすればよいですか?

分類Dev

Indy udpサーバーから応答文字列を取得するにはどうすればよいですか?

分類Dev

これらのJSON応答のIDをAngularで取得するにはどうすればよいですか

分類Dev

このJSON応答から次の値を取得するにはどうすればよいですか?

分類Dev

このJSON応答から特定の部分を取得するにはどうすればよいですか?

分類Dev

このJSON応答から特定の部分を取得するにはどうすればよいですか?

分類Dev

bashの変数のcurl応答から文字列を取得するにはどうすればよいですか?

分類Dev

共有クラスからViewControllerにJSON応答データを取得するにはどうすればよいですか?

分類Dev

axiosモックファイルからテストに応答データを取得するにはどうすればよいですか?

Related 関連記事

  1. 1

    Combine + Alamofire Error応答からデータ値を取得するにはどうすればよいですか?

  2. 2

    AngularのJSON応答からformArrayにデータを追加するにはどうすればよいですか?

  3. 3

    JSON応答から特定のデータを削除するにはどうすればよいですか?

  4. 4

    ディスパッチからの応答を取得するにはどうすればよいですか?

  5. 5

    PHPでJSONサーバーの応答からデータを取得するにはどうすればよいですか?

  6. 6

    残りのWebサービス応答からデータの特定の部分を取得するにはどうすればよいですか?

  7. 7

    AFJSONRequestOperationのコールバックでNSHTTPURLResponseから応答データを取得するにはどうすればよいですか?

  8. 8

    Ajax 応答から小枝にデータを設定するにはどうすればよいですか

  9. 9

    PythonでHTTP応答からデータを抽出するにはどうすればよいですか?

  10. 10

    プレーンテキストの応答から単一のデータを取得するにはどうすればよいですか?

  11. 11

    角度2で複雑なjson応答データを取得するにはどうすればよいですか?

  12. 12

    jqを使用してjson応答から特定のデータを取得するにはどうすればよいですか?

  13. 13

    応答(ソケット)からデータを抽出するにはどうすればよいですか?

  14. 14

    react jsを使用して応答からjsessionidを取得するにはどうすればよいですか?

  15. 15

    APIからの応答から適切な出力を取得するにはどうすればよいですか?

  16. 16

    node-fetchを使用してAPIからデータと応答ステータスを取得するにはどうすればよいですか?

  17. 17

    AngularJSがデータベースから応答を取得した後、HTMLページをロードするにはどうすればよいですか?

  18. 18

    Ajax応答データを別の形式で使用するにはどうすればよいですか?

  19. 19

    長いポーリングから応答データを取得するにはどうすればよいですか?

  20. 20

    返された応答から特定の値を取得するにはどうすればよいですか

  21. 21

    Alexaの応答からユーザーの応答までの時間を取得するにはどうすればよいですか?

  22. 22

    Indy udpサーバーから応答文字列を取得するにはどうすればよいですか?

  23. 23

    これらのJSON応答のIDをAngularで取得するにはどうすればよいですか

  24. 24

    このJSON応答から次の値を取得するにはどうすればよいですか?

  25. 25

    このJSON応答から特定の部分を取得するにはどうすればよいですか?

  26. 26

    このJSON応答から特定の部分を取得するにはどうすればよいですか?

  27. 27

    bashの変数のcurl応答から文字列を取得するにはどうすればよいですか?

  28. 28

    共有クラスからViewControllerにJSON応答データを取得するにはどうすればよいですか?

  29. 29

    axiosモックファイルからテストに応答データを取得するにはどうすればよいですか?

ホットタグ

アーカイブ