14. 배열 컨트롤2 (배열 항목 추가)

jiwonSong·2020년 7월 30일
0

react

목록 보기
11/13
post-thumbnail

이 문서는 fastcampus 강의 를 듣고 정리한 문서입니다. 문제가 있을 경우 s26788761@naver.com 으로 문의주세요! 😀



배열에 항목 추가를 할 때는 기존의 항목을 유지시키면서(불변성을 지켜주면서) 추가를 해줘야 함.

그래서 push, splice, sort등의 함수를 사용하면 안된다.

불변성을 지키며 배열에 새 항목을 추가하는 방법에는 spread 연사자를 이용하는 법, concat 함수를 사용하는 법 이렇게 2가지가 있다.



1. spread 연산자를 이용하여 배열에 새 항목을 추가하는 방법

//users는 user 객체 정보가 저장되어 있는 배열
//user는 새로 입력된 정보가 담긴 객체
setUsers([...users, user]);



2. concat 연산자를 이용하여 배열에 새 항목을 추가하는 방법

//users는 user 객체 정보가 저장되어 있는 배열
//user는 새로 입력된 정보가 담긴 객체
setUsers(users.concat(user));

TODO: 코드에 대한 설명 추가





profile
하루하루 성장하려 노력하는 FE 개발자 입니다~

0개의 댓글