30 lines
611 B
JavaScript
30 lines
611 B
JavaScript
import React, { useEffect, useState } from 'react';
|
|
import axiosInstance from '../api/axiosInstance';
|
|
|
|
const UsersList = () => {
|
|
const [users, setUsers] = useState([]);
|
|
|
|
useEffect(() => {
|
|
axiosInstance.get('/users')
|
|
.then(response => {
|
|
setUsers(response.data);
|
|
})
|
|
.catch(error => {
|
|
console.error('There was an error fetching the users!', error);
|
|
});
|
|
}, []);
|
|
|
|
return (
|
|
<div>
|
|
<h1>Users List</h1>
|
|
<ul>
|
|
{users.map(user => (
|
|
<li key={user.id}>{user.name}</li>
|
|
))}
|
|
</ul>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default UsersList;
|