15. 배열 항목 수정하기

onToggle 함수를 선언

• active 값에 따라 폰트의 색상 변경하는 것 구현

• id값을 비교해서 id가 다르다면 그대로 두고, 같다면 active를 반전시키도록 구현

const onToggle = id => {
  setUsers(
    users.map(user =>
      user.id === id ? { ...user, active: !user.active } : user
    )
  );
};

App컴포넌트에서 구현하여 UserList에 넘김 → UserList에서 전달받아 → User 컴포넌트에 전달