[React] 배열 항목 수정하기


[React] 배열 항목 수정하기

이번 챕터 역시 이전에 배열 렌더링 했던 것과 이어진다. 계정 정보를 선택할 때마다 색을 바꿔주는 기능 먼저 기존의 작성된 userList.js 파일 아래 이미지에 표시된 부분을 추가한다. import React from 'react'; function User({user, onRemove, onToggle}) { return ( <div> <b style={{ color: user.active ? 'green' : 'black', cursor: 'pointer' }} onClick={() => onToggle(user.id)} > {user.username} </b> <span>({user.email})</span> {/* 버튼이 눌릴 때마다 onRemove를 id 값을 파라미터로 넣어서 호출할 것이다 라는 의미 */} <button onClick={() => onRemove(user.id)}>삭제</button> </div> ); } function UserList({ users...


#array #수정 #배열 #리액트 #렌더링 #랜더링 #update #rendering #reactjs #React #inputs #input #button #항목

원문링크 : [React] 배열 항목 수정하기