DEV Community

Fatima Alam
Fatima Alam

Posted on

Fetch API React

import "./styles.css";
import React, { useEffect } from "react";
import { useState } from "react";
import axios from "axios";

export default function App() {
  const URL = `https://jsonplaceholder.typicode.com/todos`;
  const [todoList, setTodoList] = useState([]);

  useEffect(() => {
    // let todos;
    // axios
    //   .get(URL)
    //   .then((res) => {
    //     // console.log(res);
    //     setTodoList(res);
    //   })
    //   .catch((err) => {
    //     console.log(err);
    //   });
    //  fetch(URL)
    //   .then((res) => {
    //     return res.json();
    //   })
    //   .then((res) => {
    //     // console.log(res);
    //     setTodoList(res);
    //   })
    //   .catch((err) => {
    //     console.log(err);
    //   });

    const todos = async () => {
      let todo = await fetch(URL);
      let data = await todo.json();
      // console.log(data);
      setTodoList(data);
    };
    todos();
  });
  // console.log(todoList);
  return <div className="App"></div>;
}

Enter fullscreen mode Exit fullscreen mode

Top comments (0)