Estoy creando una aplicación usando React Native para mostrar el estado del PNR ferroviario después de ingresar el número PNR usando la API.
resultados de la API,
Array [ Object { "data": Object { "boarding_station": Object { "day_count": "X", "departure_time": "XX:XX", "station_code": "XXX", "station_name": "XXXXX", }, "booking_date": "XX/XX/XXXX", "chart_prepared": X, "class": "XX", "date": "XXXX-XX-XX", ~~~~~~~~~~~~~~~~~~~~~~ "passenger": Array [ Object { "bookingBerthCode": "XX", "bookingBerthNo": "XX", "bookingCoachId": "XX", ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ }, ], "pnr_number": "XXXXXXXXXXX", "quota": "XX", "train_name": "XXXX", "train_number": "XXXX", }, "message": "Success", "status": true, "timestamp": XXXXX, }, ]Código
const [apiResults, setAPIResults] = useState([]) const fetchPNRStatus = async () => { try { const response = await fetch(`API Link`, headers) const results = await response.json() setAPIResults([results]) console.log(apiResults) } catch (error) { console.log(error.message) } } console.log(apiResults) muestra los resultados de la API como se indicó anteriormente. Pero quiero obtener valores específicos como la hora de departure_time en la matriz de la estación de boarding_station o la fecha de la booking_date o el código de bookingBerthCode en la matriz de passenger , etc.
¿Como hacer eso?
Está bien, lo descubrí. Dado que la respuesta de API es una matriz y solo hay un objeto dentro de la matriz, todo lo que necesitaba era usar apiResults[0] para acceder a ese objeto.
Por lo tanto, para la departure_time será apiResults[0].data.boarding_station.departure_time .
De manera similar, para booking_date , apiResults[0].data.booking_date . Y, para bookingBerthCode , es apiResults[0].data.passenger[0].bookingBerthCode .