[React] 배열 항목 제거하기

이번 챕터 역시 이전에 배열 렌더링 했던 것과 이어진다. 기존에 만들었던 userList 컴포넌트로 이동하여 해당 부분을 추가한다. import React from 'react'; function User({user, onRemove}) { return ( <div> <b>{user.username}</b><span>({user.email})</span> {/* 버튼이 눌릴 때마다 onRemove를 id 값을 파라미터로 넣어서 호출할 것이다 라는 의미 */} <button onClick={() => onRemove(user.id)}>삭제</button> </div> ); } function UserList({ users, onRemove }) { return ( <div> { // map을 사용하여 엘리먼트 형식으로 변환 // map은 기존 배열의 내용을 통체로 변경할 때 사용한다. // 즉 해당 예시에서는 users라는 배열을 <User user={user} key={user.id...

원문링크 : [React] 배열 항목 제거하기