Всем привет. Бьюсь пол дня.
Надеюсь на вас! Строю апликуху, получающую данные с АПИ
Суть Компонент получающий данные не видит их, а они есть.
Компонент обернутый в Consumer прокидывает данные в дочерний компонент, но тот ничего не получает.
<ErrorBoundary>
<OpenServiceConsumer>
{(openService) => {
// console.log(`res ${openService.getArrival(selected.selected, 60)}`);
return (<FlightsTable data={openService.getArrival(selectedAirport.selectedAirport, 360)} />)}}
</OpenServiceConsumer>
</ErrorBoundary>
В дочернем компоненте я вывожу пропс в консоль и получаю
props.data [object Promise]
console.log(`props.data ${props.data}`);
Причем статус запроса 200. Если я ввожу Урл напрямую, то во вкладке получаю ответ в виде массива.
[{"icao24":"484d10","firstSeen":1587929916,"estDepartureAirport":"GMMN","lastSeen":1587940304,"estArrivalAirport":"EHAM","callsign":"TFL8378 ","estDepartureAirportHorizDistance":1307,"estDepartureAirportVertDistance":24,"estArrivalAirportHorizDistance":1374,"estArrivalAirportVertDistance":26,"departureAirportCandidatesCount":0,"arrivalAirportCandidatesCount":1},....]