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

export default function App() {
  //  let arr = [A, B, C];

  const [item, setItem] = useState([]);

  useEffect(() => {
    axios.get("https://swapi.dev/api/planets/?page=2").then((item) => {
      console.log(item);
      setItem(item.data.results);
    });
  }, []);

  return (
    <div className="App">
      <ul>
        {item.map((planet) => {
          return <li>{planet.name}</li>;
        })}
      </ul>
    </div>
  );
}