const App = () => {
const [loading, setLoading] = useState(true);
const [movies, setMovies] = useState([]);
useEffect(() => {
fetch(
`https://yts.mx/api/v2/list_movies.json?minimum_rating=8.8&sort_by=year`
)
.then((response) => response.json())
.then((json) => {
console.log(json.data.movies)
setLoading(false);
});
},[]);
return (
<div>
{loading ? <h1>loading....</h1> : null}
</div>
);
};
const App = () => {
const [loading, setLoading] = useState(true);
const [movies, setMovies] = useState([]);
const getMovies = async() => {
const response = await fetch(
`https://yts.mx/api/v2/list_movies.json?minimum_rating=8.8&sort_by=year`
)
const json = await response.json();
setMovies(json.data.movies)
setLoading(false);
};
useEffect(()=>{
getMovies();
},[]);
return (
<div>
{loading ? <h1>loading....</h1> : null}
</div>
);
};
const App = () => {
const [loading, setLoading] = useState(true);
const [movies, setMovies] = useState([]);
const getMovies = async() => {
const json = await (
await fetch(
`https://yts.mx/api/v2/list_movies.json?minimum_rating=8.8&sort_by=year`
)
).json();
setMovies(json.data.movies);
setLoading(false);
};
useEffect(()=>{
getMovies();
},[]);
return (
<div>
{loading ? <h1>loading....</h1> : null}
</div>
);
};