Cacher is the code snippet organizer for pro developers

import React, { useState, useEffect } from 'react';
import axios from 'axios';
import User from './components/User';

function App() {
  
  const [ users, setUsers ] = useState([]);
  
  useEffect(() => {
    async function fetchData() {
      const result = await axios('https://jsonplaceholder.typicode.com/users/');
      setUsers(result);
    }
    fetchData();
  });
  
  return (
    <div>
      {users.map( users =>
        <User 
          name={user.name}
          id={user.id}
          key={user.id.toString()} 
        />
      )}
    </div>
  );
  
}