如何将数据从 URL 获取到 ReactJS 中。
URL 的类型如下: http://www.domain.com/api/json/x/a/search.php?s=category
如果在浏览器中输入,将显示一个 json 对象。
如何将其加载到 ReactJS。
首先,我是这样开始的:
const dUrl = "http://www.the....";
console.log(dUrl);
但显然它显示的是网址而不是内容(我将能够过滤内容 - 这只是将其加载到我不知道的对象中的初始步骤)
编辑:我不想使用 jQuery。
请您参考如下方法:
尝试使用 Fetch API,这是 Facebook 推荐的。您应该避免将 jQuery 与 ReactJS 混合在一起,并坚持使用 ReactJS 操作 DOM 的方式。
function getMoviesFromApiAsync() {
return fetch('https://facebook.github.io/react-native/movies.json')
.then((response) => response.json())
.then((responseJson) => {
return responseJson.movies;
})
.catch((error) => {
console.error(error);
});
}
或者使用异步/等待
async function getMoviesFromApi() {
try {
let response = await fetch('https://facebook.github.io/react-native/movies.json');
let responseJson = await response.json();
return responseJson.movies;
} catch(error) {
console.error(error);
}
}
https://facebook.github.io/react-native/docs/network.html
我知道该 URL 用于 React Native 的文档,但这也适用于 ReactJS。






