ingrese la descripción de la imagen aquí Soy nuevo en react-native. Estaba tratando de acceder a la API usando fetch. Pude imprimir el resultado en la consola pero no pude imprimir en una pantalla móvil. He adjuntado la captura de pantalla del código de práctica a continuación. [ingrese la descripción de la imagen aquí][2]
import React from 'react' import { StyleSheet, Text, SafeAreaView} from 'react-native' const getMoviesFromApi = () => { //GET request fetch('https://reactnative.dev/movies.json', { method: 'GET', //Request Type //method: 'POST', }) .then((response) => response.json()) //If response is in json then in success .then((responseJson) => { //Success // alert(JSON.stringify(responseJson)); //console.log(responseJson); return responseJson; }) } const App = () => { let data = getMoviesFromApi() console.log(data) return ( <SafeAreaView> <Text> JSON.stringify{data} </Text> {/* <Text> JSON.stringify{parseData} </Text> */} </SafeAreaView> ) } const styles = StyleSheet.create({}) export default AppDesea usar un useState y mantener los datos que recibe de la api dentro del estado, y useEffect para obtener los datos cuando el estado se actualice, al igual que la interfaz de usuario
Así que usaría algo como esto:
import { useState, useEffect } from 'react'; const App = () => { const [movies, setMovies] = useState([]); useEffect(() => { const fetchMovies = async () => { const data = await getMoviesFromApi(); setMovies(data); // I supose it's an array of movies } }, [getMoviesFromApi]) return (...); }