Soy nuevo en reaccionar, tengo una operación de búsqueda y quiero verificar los datos de api usando console.log antes de usarlo como en javascript, pero no puedo encontrar la manera de hacerlo en reaccionar... ¿Alguna ayuda?
const [all, setAll]=React.useState([]) React.useEffect(()=>{ fetch('https://api.themoviedb.org/3/trending/all/day?api_key=key') .then(data=>{ return data.json() }).then(completedata=>{ setAll(completedata) }) .catch((err) => { console.log(err.message); }) },[1]) console.log(all)Todo sigue siendo Javascipt, use console.log(data.results) en la cadena de promesa, o el estado all en un gancho useEffect con dependencia en el estado all .
const [all, setAll] = React.useState([]); React.useEffect(() => { fetch('https://api.themoviedb.org/3/trending/all/day?api_key=key') .then(data => { return data.json(); }) .then(data => { setAll(data.results); console.log(data.results); }) .catch((err) => { console.log(err.message); }); },[]);o
const [all, setAll] = React.useState([]); useEffect(() => { console.log(all); }, [all]);Puedes usar como en javascript:
}).then(completedata=>{ setAll(completedata) console.log("your complete data is here"+JSON.stringify(completedata)) })import {useState,useEffect} from 'react'; const [all, setAll] = useState([]); useEffect(()=>{ fetDataFromApi() },[]); const fetDataFromApi = async () => { const data = await fetch('https://api.themoviedb.org/3/trending/all/day?api_key=key') const movies = data.json(); if(movies.error){ console.log('error -> ',movies.error) else{ setAll(movies.results) } } } return( <> {JSON.stringify(all)} </> )