codetree-test

with-axios.js

import React, { useState, useEffect } from "react";
import ReactDOM from "react-dom";
import axios from "axios";

export default function App() {
  const [users, setUsers] = useState(null);

  useEffect(async () => {
    const result = await axios("https://gorest.co.in/public-api/users");
    setUsers(result.data.data);
  }, []);

  if (users === null) {
    return "loading users...";
  }

  return (
    <div>
      {users.map((user) => {
        return <div>{user.name}</div>;
      })}
    </div>
  );
}

const rootElement = document.getElementById("root");
ReactDOM.render(<App />, rootElement);