fetch와 async&await

나쿠크·2023년 1월 7일
0
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>
  );
};

0개의 댓글