react-hooks-test-using-hooks

app.js

const App = () => {
  const [users, setUsers] = useState([]);

  useEffect(() => {
    (async () => {
      try {
        const response = await axios(
          "https://randomuser.me/api/?results=10&inc=name,login&nat=us"
        );
        setUsers(response.data.results);
      } catch (error) {
        console.error(error);
      }
    })();
  }, []);

  return (
    <ol>
      {users &&
        users.map(({ name, login }) => (
          <li key={login.uuid}>
            {`${name.title} ${name.first} ${name.last}`}
          </li>
        ))}
    </ol>
  );
};