json - 如何在 ReactJS 中从 WebAPI 中读取 Respose

Question

我无法读取ResponseReactJS 代码中的内容，但 API 调用正在返回正确的 JSON 数据Response Code: 200

我的 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"
   }
]

请帮助我阅读以下 JSON 使用ReactJS

答案的回应：@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)
    })