Новичок в JS. Есть такие задачи: 1) загрузку пользователей 2) отображения списка месяцев 3) подсветить месяца в зависимости от количества людей, которые родились в этом месяце. 4) при наведении на выбранный месяц - отобразить список людей, родившихся в этом месяце. К сожалению, я застрял после импорта пользователей из API. Извините за банальный вопрос:- Каким методом распределить пользователей в блоки (месяцы рождения) и вывести jsx? большое спасибо
function App() {
const [users, setUser] = useState(null);
const fetchData = async () => {
const response = await axios.get(
'https:...api/users'
);
setUser(response.data);
};
return (
<div className="App">
<h1>Users list</h1>
{/* Fetch data from API */}
<div>
<button className="fetch-button" onClick={fetchData}>
download users
</button>
<br />
</div>
{/* Display data from API */}
<div className="users">
{users &&
users.map((user, index) => {
const cleanedDate = new Date(user.released).toDateString();
const name = user.firstName;
return (
<div className="user" key={index}>
<h3>user {index + 1}</h3>
<h2>{user.name}</h2>
<div className="details">
<p>👨id: {user.id}</p>
<p>firstName: {user.firstName}</p>
<p>lastName: {user.lastName}</p>
<p>⏰: {user.dob}</p>
</div>
</div>
);
})}
</div>
</div>
);
}
пример элемента юзера { “id”: “5e00928d43fcdd11688a6afd”, “firstName”: “Moody”, “lastName”: “Gordon”, “dob”: “2019-11-09T20:20:43.744Z” }