У меня проблемы с выяснением того, как сделать самый странный запрос GET.Я хочу получить данные из внешнего API внутри одного из моих маршрутов API (используя Express), а затем получить эти данные в моем интерфейсе (используя ReactJS).
Кто-нибудь, кто может указать мне правильное направление?
Вот как далеко я прошел:
Экспресс-сервер с моим GET-маршрутом
const express = require('express');
const unirest = require('unirest');
const app = express();
const port = process.env.PORT || 5000;
app.get('/api/podcasts', (req, res) => {
//HOW DO I MAKE GET REQUEST EXTERNAL API? WITH UNIREST
});
app.listen(port, () => console.log(`Listening on port ${port}`));
Мой компонент ReactJS:
import React, { Component } from 'react'
export default class Podcasts extends Component {
state = {
response: ''
};
componentDidMount() {
this.callApi()
.then(res => this.setState({ podcasts: res }))
.catch(err => console.log(err));
}
callApi = async () => {
const response = await fetch('/api/podcasts');
const body = await response.json();
if (response.status !== 200) throw Error(body.message);
return body;
};
render() {
return (
<div>
<div>Show data from my state here</div>
</div>
);
}
}