Aula React

app.js

import React, { useEffect } from "react";
import { useState } from "react";

function App() {
  const [repositories, setRepositories] = useState([]);

  useEffect(() => {
    handleAddRepository();
  }, []);

  async function handleAddRepository() {
    await fetch("https://api.github.com/users/mocajatuba/repos")
      .then((response) => response.json())
      .then((data) => setRepositories(data));
  }

  function handleRemoveRepository(index) {
    setRepositories(repositories.filter((item, i) => i !== index));
  }

  return (
    <div>
      <ul>
        {repositories.map((repo, index) => (
          <li key={index}>
            {repo.name} -{" "}
            <button onClick={() => handleRemoveRepository(index)}>
              Excluir
            </button>
          </li>
        ))}
      </ul>
    </div>
  );
}
export default App;