如何阅读Resact在ReactJS中形成一个WebAPI

Question

我无法阅读ReactJS代码中的 Response ，但API调用正在使用Response Code: 200

返回正确的JSON数据

我的ReactJS代码是

 fetch('http://localhost:8090/api/Contact/GetContactType', {mode: 'no-cors'})
            .then(response=> {
                console.log(response.data);
                console.log(response);

            });

Web API将以下JSON返回给浏览器

[
   {
      "ContactTypeId":1,
      "ContactType":"Seller"
   },
   {
      "ContactTypeId":2,
      "ContactType":"Re-Seller"
   }
]

请使用 ReactJS

帮助我阅读以下JSON

答案回复： @ OB3 ：

我试过了，但我得到了例外。请参考屏幕截图并帮助我。

Answer 1

您必须先解析响应正文。

fetch('http://localhost:8090/api/Contact/GetContactType', {mode: 'no-cors'})
    .then(function(response) {
        return response.json()
    }).then(function(json) {
        console.log('parsed json', json)
    }).catch(function(ex) {
        console.log('parsing failed', ex)
    })