レスポンスの値を取得する方法ReactJs

Question

私はちょっと反応して開発中にかなり新しいです。

私はコンソールが未定義の私を示して私のJSONレスポンスから

axios.get('http://localhost:9000/test') 
.then(function (response) { 
    console.log(response.data.name); 
    console.log(response.name) 
}); 

{ 
    "name": "mkyong", 
    "age": 30, 
    "address": { 
     "streetAddress": "88 8nd Street", 
     "city": "New York" 
    }, 
    "phoneNumber": [ 
    { 
     "type": "home", 
     "number": "111 111-1111" 
    }, 
    { 
     "type": "fax", 
     "number": "222 222-2222" 
    } 
    ] 
} 

をデータをフェッチするためにいくつかの問題を得ました。 なぜプレーンjs経由でデータを取得できないのでしょうか？

Answer 1

だけでなく、あなたが最初にそれをparseする必要がありますのでaxiosコールの応答は、文字列であるので、

axios.get('http://localhost:9000/test') 
    .then(function (response) { 
     const parsedResponse = JSON.parse(response); 
     console.log(parsedResponse.name)); 
    }); 

Answer 2

あなたがしていることを確認そのない

axios.get('http://localhost:9000/test') 
.then(function (response) { 
    console.log(response['data'][name]); 
    console.log(response[name]) 
});