如何在React Native中只在fetch后将JSON数据打印到控制台?

kb5ga3dv  于 2023-04-12  发布在  React
关注(0)|答案(5)|浏览(158)

我尝试了以下代码:

const response =await fetch('https://facebook.github.io/react-native/movies.json');
const json= await response.json();
console.log(json.result);

将获取的JSON数据打印到控制台,但它不起作用。如何将获取的数据直接写入控制台?

7qhs6swi

7qhs6swi1#

使用sync/await(您在问题中使用的)的答案

const fetchAndLog = async () => {
    const response = await fetch('https://facebook.github.io/react-native/movies.json');
    const json = await response.json();
    // just log ‘json’
    console.log(json);
}

fetchAndLog();
ac1kyiln

ac1kyiln2#

fetch('https://facebook.github.io/react-native/movies.json')
.then((response) => response.json())
.then((responseJson) => {
    console.log(responseJson);
})
ohfgkhjo

ohfgkhjo3#

我用的是这种方式,它工作得很好。

fetch('https://facebook.github.io/react-native/movies.json')  
 .then((response) => response.text())
 .then((responseText) => {
     console.log(JSON.parse(responseText));
 })
 .catch((error) => {
     console.log("reset client error-------",error);
});

下面是用于特定方法的请求。头和体用于发送数据到服务器。这样我们就可以请求类型和方法来获取函数。

fetch(url, {
            method: 'POST', 
            timeout:10000,
            headers: headers,
            body: JSON.stringify(params) 
        })  
        .then((response) => response.text())
        .then((responseText) => {
             console.log(JSON.parse(responseText));
        })
        .catch((error) => {
             console.log("reset client error-------",error);
        });
    });
ibps3vxo

ibps3vxo4#

在我看来,这是正确的写作方式:

async function fetchblogEntry(){
    const response=await fetch('https://facebook.github.io/react-native/movies.json');
    console.log(response.json())
}

fetchblogEntry()
lnvxswe2

lnvxswe25#

也可以使用JSON.stringify函数完成

fetch(`https://api.github.com/users/username`)
      .then((response) => response.json())
      .then(setdata);
      console.log(JSON.stringify(data));

相关问题