لیست کاربران

UserList.js

import React from 'react'
import users from './users.json'
import UserItem from './UserItem'
import AverageAge from './AverageAge'
const UserList = () => {
   const cUsers = users.filter(user => user.role === 'user');
   const cAdmins = users.filter(user => user.role === 'admin');
   const sum = cAdmins.reduce((acc, cur) => {
      return acc + cur.age;
   }, 0)
   const avg = sum / cAdmins.length;

   return(
   <div>
      {cUsers.map(user => <UserItem name={user.name}/>)}
      <AverageAge average={avg}/>
   </div>
   )
}

export default UserList