从URL获取JSON数据react-格式化问题

Question

我在一个问题中看到了有用的代码：

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

我有一个问题：我想把responseJson作为一个js对象，或者把它隐藏到一个js对象中。我尝试过JSON.stringify，但不起作用。有什么想法吗？

Answer 1

尝试使用ES6语法，希望您有最新的库来支持这一点。

let getSchemaFromApiAsync = () => {
return new Promise((resolve, reject) =>  {
fetch('https://facebook.github.io/react-native/movies.json')
.then(response => resolve(response.json()))
.catch(error => {
console.error(error);
reject(error);
});
})
}
let main = async () => {
let res = await getSchemaFromApiAsync();
console.log("res", res);
};
main();

Answer 2

您的返回值是promise函数

constructor(props) {
super(props);
this.state = {};
}
componentWillMount(){
this.getObject();
}
getObject(){
return fetch('https://facebook.github.io/react-native/movies.json')
.then(response => response.json())
.then(responseJson => {
this.setState({responseJson : responseJson});
return responseJson;
})
.catch(error => {
console.error(error);
});
}

现在你的状态已经确定。您可以随时访问此状态变量(也可以访问另一个组件(。

Answer 3

尝试在相关的rest api中更改它。在nodejs文件中使用json.stringfy。将json响应设置为scope。