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>;
}