react-hooks-test-custom-hooks

app.js

const App = () => {
  const users = useRandomUsers();

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

useRandomUsers.js

export const useRandomUsers = () => {
  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 users;
};